The table is not extended by content, and the excess content is changed to the ellipsis (css) and ellipsis (ellipsis) css.

The table is not extended by content, and the excess content is changed to the ellipsis (css) and ellipsis (ellipsis) css.

Today, I wrote code and found that the table will be greatly enriched by content, affecting the overall layout of the webpage.

Baidu has a solution. below is the code and my remarks

Table {table-layout: fixed;} // fixed table

TableTd {White-space: nowrap; // cancel Automatic line feed

Overflow: hidden; // hide the excess parts

Text-overflow: ellipsis; // The ellipsis is displayed in the excess part.

}