在 < table > 中创建等宽的列

如何在 <table>中创建等宽的列？

我动态地改变了列的数量。今天我有13个专栏。明天会提高到16个。我不想重新计算。

html
css

148602 次浏览

小开

在 HTML 表: 列保持相同的宽度上找到了这个

如果设置样式表布局: fix，则可以在表上设置重写浏览器的自动列调整大小。浏览器将然后根据第一行中单元格的宽度设置列宽度桌子。改变你的到和删除里面中的单元格设置固定宽度。

小开

最佳答案

我认为这会奏效:

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

小开

使用与 table 及其完全动态相同的以下属性:

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>

也许能解决你的问题。