如何仅通过CSS实现多行文本超长自动省略号

overflow:hiddenwhite-space:nowraptext-overflow:ellipsis //隐藏部分带点（….）

CSS代码：

.text_overflow{

width:160px

padding:40px 20px

border:2px solid #cccccc

white-space:nowrap

text-overflow:ellipsis

-o-text-overflow:ellipsis

overflow:hidden

}

HTML代码：

<div class="text_overflow">这段文字在超出外部div区域的时候会显示点点点。</div>

在CSS中，text-overflow:ellipsis可以在文本隐藏时候在文本末尾加入省略号。所以如果Html里是用li写的。

 

li{text-overflow:ellipsisoverflow:hiddenwhite-space:nowrapdisplay:blockword-break:keep-all

本身不链接或者hover功能的元素也是可以实现它内部的元素隐藏

这样子就可以，你可以把li改成你的元素。

---