在<table>中创build等宽的列

如何使等宽的列在？

dynamic改变列的数量。

今天我有13列。 明天将比赛16.所有不想特别重新计算。

Answer 1

我认为这会做到这一点：

table{ table-layout: fixed; width: 300px; } 

Answer 2

使用与表格相同的以下属性及其完全dynamic：

 ul { width: 100%; display: table; table-layout: fixed; /* optional, for equal spacing */ border-collapse: collapse; } li { display: table-cell; text-align: center; border: 1px solid pink; vertical-align: middle; } 

 <ul> <li>foo<br>foo</li> <li>barbarbarbarbar</li> <li>baz klxjgkldjklg </li> <li>baz</li> <li>baz lds.jklklds</li> </ul> 

Answer 3

在HTML表上find这个：保持相同的列宽

如果您设置样式表格布局：固定; 在你的桌子上，你可以覆盖浏览器的自动调整列大小。 然后，浏览器将根据表格第一行中单元格的宽度设置列宽。 改变你的内部，然后为其中的单元格设置固定的宽度。