display:block/*内联对象需加*/
width:31em
word-break:keep-all/* 不换行 */
white-space:nowrap/* 不换行 */
overflow:hidden/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden一起使用。*/
一般的文字截断（适用于内联与块）：
.text-overflow {
display:block/*内联对象需加*/
width:31em
word-break:keep-all/* 不换行 */
white-space:nowrap/* 不换行 */
overflow:hidden/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden一起使用。*/
}
首先你容纳文字的容器要设置固定的宽高，然后加上以下属性white-space:
nowrap
word-break:
keep-all
text-overflow:
ellipsis
第一行的代码，是不允许文字换行
第二行的代码，是不允许把单词拆开
第三行的代码，就是文本超出容器，以省略号显示
望采纳！
