CSS实现文字省略

1、首先给用于放文本的标签元素设置一个宽度值，并设置溢出属性overflow为溢出隐藏。

 245px;/*一定要设置固定宽度*/
overflow: hidden;/*不显示超过对象尺寸的内容，就是把超出的部分隐藏了*/

2、设置文本缩略的样式为"..."

white-space: nowrap;/*表示文本不会换行，在同一行继续，直到遇到标签为止*/
text-overflow: ellipsis;/*当文本对象溢出是显示...，当然也可是设置属性为clip不显示...*/