首頁 > web前端 > css教學 > 對於不確定數量的單元格,可以使用純 CSS 實現等寬表格單元格嗎?

對於不確定數量的單元格,可以使用純 CSS 實現等寬表格單元格嗎?

Susan Sarandon
發布: 2024-11-08 15:03:01
原創
475 人瀏覽過

Can Equal Width Table Cells Be Achieved with Pure CSS for an Indeterminate Number of Cells?

單元格數量不確定的等寬表格單元

在表格包含不可預測數量的表格單元格元素的情況下,可以無論內容如何變化,都可以使用純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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板