以下是代码片段:
<table>
<tr><td>此处文本超过设定的宽度</td></tr>
</table>
<style>
table {
border : 1px solid red;
}
td {
white-space:nowrap;
text-overflow:ellipsis;
width:50px;
overflow:hidden;
display: block;
}
</style>
效果:
其中
width:50px;
设定宽度
text-overflow:ellipsis
显示省略号
white-space:nowrap
不换行
display:block
使td变为块级元素(text-overflow
在块级元素下才能生效)