CSS: Table-Layout

Table-LayoutYou can set two values. The default value is Auto.

• Auto: Automatic by defaultAlgorithm. The layout is based on the content of each cell. The table is displayed only after each cell is read and computed. Slow speed.
• Fixed: Fixed Layout Algorithm. In this algorithm, the horizontal layout is only based on the table width, the table Border width, cell spacing, and column width, but is not related to the table content.

To fix the table layout, we needTable-layout: fixed. Assume noFixedTo reduce your resolution to a certain extent, you will findWhite-space: nowrapIt does not take effect.

Tip: To enable the table to adapt to the liquid layout (liquid layout, that is, scalability), we do not recommend that you set the absolute width for the table. It is a good choice to use the relative width, such as the percentage. In addition, set the absolute width of the content (such as the time format) with a relatively fixed width. If the non-fixed content lattice does not have any width, you only need to set it.White-space: nowrapAlthough it may overflow in the case of small resolution, it is more beautiful than the fold, according to some points of view.