.simpleName {width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }<div class="simpleName"><a target="_blank" href="">文本</a></div>

?

1、width:超高110px部分省略顯示。

2、white-space:nowrap是禁止文字折行。

3、text-overflow表示當文本溢出時是否顯示省略標記，有兩個值：

clip：不顯示省略標記（...），而是簡單的裁切。

ellipsis：當對象內文本溢出時顯示省略標記（...）

4、overflow:hidden表示溢出內容為隱藏。

轉載于:https://www.cnblogs.com/chiangfai/p/5828198.html

總結

以上是生活随笔為你收集整理的css实现文字过长省略显示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。