在網(wǎng)頁設(shè)計中,顯示數(shù)據(jù)最常用的方式之一就是使用表格。不過,有時候需要將表格中的每列或每行均分寬度。這時,可以使用 CSS 的 width 和 table-layout 屬性來實現(xiàn)。
設(shè)置每列均分寬度:
table { width: 100%; table-layout: fixed; } td { width: auto; }
以上代碼將表格的寬度設(shè)置為100%并設(shè)置表格布局為 fixed。接著將每個單元格的寬度設(shè)置為自動,這樣每列寬度就均分了整個表格的寬度。
設(shè)置每行均分高度:
table { border-collapse: collapse; } td { height: 50px; /* 假設(shè)單元格高度為50px */ } tr { height: auto; }
以上代碼將表格的邊框合并,接著將每個單元格的高度設(shè)置為50px,再將每行的高度設(shè)置為自動,這樣每行高度就均分了50px的高度。
在實際應(yīng)用中,根據(jù)不同的需求和設(shè)計效果,可以適當?shù)卣{(diào)整每列或每行的寬度或高度,來達到更好的展示效果。