td 超出宽度隐藏_css设置td th的内容超出宽度打点点

一想到内容超出范围打点点，我们一下子就想到以下代码：

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

但是当我们给td设置了宽度之后，发现看度并不起作用。于是我开始设置table的宽度，发现任然不起作用。

后来从网上发现table原来是这么设置的：

给table 加table-layout:fixed。

给table加宽度 只有给table加了宽度 ！ td th的宽度才能起作用。

一定要给第一行的 td或者th进行宽度设置 。

注意：如果不给td th 加宽度，则td th以等宽的距离显示。

Szy1000

body{

background-color: #ccc;

}

td{

padding: 0 10px;

width: 40px;

height: 30px;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

}

编号	内容
12123121231	12456

版权声明:除特别注明外,本站所有文章均为田珊珊个人博客原创