一想到内容超出范围打点点,我们一下子就想到以下代码:
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以等宽的距离显示。
Szy1000body{
background-color: #ccc;
}
td{
padding: 0 10px;
width: 40px;
height: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
编号 | 内容 |
---|---|
12123121231 | 12456 |
版权声明:除特别注明外,本站所有文章均为田珊珊个人博客原创