如何让 HTML 表格各列的宽度平均分布?

pimgeek2023年02月15日 12:49

在 TiddlyWiki 中,有时候需要编写表格内容,为了让表格看起来整齐,就需要使各列宽度平均分布。要想达到这种效果,就需要使用 CSS 的相关样式属性。

table {
  width: 100%;
  table-layout: fixed;
}

来源链接 - https://css-tricks.com/almanac/properties/t/table-layout/

下面是 TiddlyWiki 中的 Table 等宽样式设置方法:

@@table-layout:fixed;width:100%;
| !第一列   | !第二列   | !第三列    |
| 单元格内容 | 单元格内容 | 单元格内容 |
@@
第一列第二列第三列
此单元格包含大量文字内容,如果不设置 table-layout:fixed; 以及 width:100%;,就会把这一列撑大,显得特别宽,旁边的表格列则会显得特别窄。此单元格只包含少量文字内容
此单元格包含图片内容





创建日期: 2019年12月14日 20:38