Css code used to prevent a broken table on the webpage

According to most articles on the internet, you only need to add the following content to CSS:

Code

Table {

Table-layout: fixed;

Word-break: break-all;

Word-wrap: break-word;

}

Div {

Word-break: break-all;

Word-wrap: break-word;

}

We can solve the problem of broken tables and layers. At first, I did the same. However, this Code may cause a problem. You will find that all the English words are truncated, which is not in line with the English writing habits and is not conducive to reading.

Later, I found that the above Code can be rewritten to prevent both table/layer cracking and word breaking.

As follows:

Code

Table {

Table-layout: fixed;

Word-wrap: break-word;

}

Div {

Word-wrap: break-word;

}