对于不确定数量的单元格，可以使用纯 CSS 实现等宽表格单元格吗？

单元格数量不确定的等宽表格单元

在表格包含不可预测数量的表格单元格元素的情况下，可以无论内容大小如何，都可以使用纯 CSS 为这些单元格建立相同的宽度？

答案：

是的，可以使用以下 CSS 声明：

<code class="css">div {
  display: table;
  width: 250px;
  table-layout: fixed;
}

div > div {
  display: table-cell;
  width: 2%; /* or 100% if preferred */
}</code>

此解决方案引入了 table-layout:fixed;，它与每个单元格的指定宽度（本例中为 2%）相结合，触发一个特定的表格算法，该算法力求遵守指定的尺寸。请记住，OS X 上的 Safari 6 可能会因表布局的非标准实现而显示不同的结果：fixed;。

以上是对于不确定数量的单元格，可以使用纯 CSS 实现等宽表格单元格吗？的详细内容。更多信息请关注PHP中文网其他相关文章！