對於不確定數量的單元格，可以使用純 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>

此解決方案引入了表格佈局：固定;，與每個單元格的指定寬度（本例中為2%）結合，會觸發一個特定的表格演算法，該演算法力求遵守指定的尺寸。請記住，OS X 上的 Safari 6 可能會因表格佈局的非標準實作而顯示不同的結果：fixed;。

以上是對於不確定數量的單元格，可以使用純 CSS 實現等寬表格單元格嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！