CSS中,我们可以使用以下代码把表格设置成固定的:table { table-layout: fixed; width: 100%; } th, td { padding: 0.5rem; text-
CSS中,我们可以使用以下代码把表格设置成固定的:
table { table-layout: fixed; width: 100%; } th, td { padding: 0.5rem; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border: 1px solid #ccc; }
要注意的是,这里的table-layout属性设为fixed,表示表格列的宽度会根据表格的宽度进行平均分配,而不是根据单元格内容自适应宽度。
而th和td中的其他属性,包括padding、text-align、white-space、overflow和text-overflow等等,都是为了实现表格内容的固定显示效果。其中,text-overflow设置为ellipsis,则表示单元格内容超出宽度时,末尾以省略号表示。
粉丝
0
关注
0
收藏
0