如果不想由于单行文本过长而影响布局，通常会截取文本的一部分进行显示，并且在其末尾显示省略号。
要实现文本截断的效果，可配合使用、与属性，具体样式代码如下所示。
width: 135px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis;-moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;
本文共 314 字，大约阅读时间需要 1 分钟。
如果不想由于单行文本过长而影响布局，通常会截取文本的一部分进行显示，并且在其末尾显示省略号。
要实现文本截断的效果，可配合使用、与属性，具体样式代码如下所示。
width: 135px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis;-moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;
转载于:https://www.cnblogs.com/newgate/archive/2013/03/11/text-clip.html