css溢出隐藏

本文为大家讲述如何实现css中极为常用的溢出隐藏。这种溢出隐藏的css代码适用于很多html标签，比如div,li,span标签等等，都是一样的可以实现溢出隐藏的。

实现后的效果如下图所示：

css溢出隐藏代码：

li {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 300px;
}

4个css属性，其中width:300px可选。另外三个属性缺一不可。

white-space: nowrap;表示不换行。text-overflow: ellipsis;表示隐藏处以省略号表示，overflow: hidden;表示隐藏。

li可以换成div，span，td或者任意类名都可以。