一般的文字截断（适用于内联与块）：

1
2
3
4
5
6
7
.text-overflow {
display:block; /*内联对象需加*/
width:100px; /*指定宽度*/
white-space:nowrap; /*不换行*/
overflow:hidden; /*内容超出宽度时隐藏超出部分的内容*/
text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记(...)*/
}

对于表格超出范围显示省略号：

1
2
3
4
5
6
7
8
9
table{
table-layout:fixed; /*只有定义了表格的布局算法为fixed，下面td的定义才能起作用*/
}
td{
width:50%; /*指定宽度*/
white-space:nowrap; /*不换行*/
overflow:hidden; /*内容超出宽度时隐藏超出部分的内容*/
text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记(...)*/
}