css精确控制表格列宽

table-layout: 默认值为 auto,即自动表格布局算法,列宽会根据其内容进行调整,即使我们显式指定了 width,也只是起到类似提示的作用。

将其设为 fixed,要明显可控一些。设置的宽会直接起作用,溢出行为 text-overflow 也表现正常。

使用时需要为表格元素指定一个宽度(哪怕是100%)。

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

要让 text-overflow:ellipsis 发挥效用。还需要为那一列指定宽度。

demo地址:
http://dabblet.com/gist/7979af102a991cecfcdf

发布者

admin

行于途中~

发表评论

电子邮件地址不会被公开。 必填项已用*标注