本文为大家讲述如何实现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或者任意类名都可以。
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！