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

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

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

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

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

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

---

© admin for 可乐吧, 2016. | Permalink | No comment | Add to del.icio.us
Post tags: css控制表格列宽, table-layout

您可能也喜欢：

CSS图文混排

读书笔记 － css 继承

超载CSS原则

css hack 小贴士

无觅

Feed enhanced by Better Feed from Ozh