語法：

text-overflow：clip | ellipsis

默認值：clip

適用于：所有元素

clip： 當對象內文本溢出時不顯示省略標記（...），而是將溢出的部分裁切掉。
ellipsis： 當對象內文本溢出時顯示省略標記（...）。

在使用的時候，有時候發現不會出現省略標記效果，經過測試發現，使用ellipsis的時候，必須配合overflow:hidden; white-space:nowrap; width:50%;這三個樣式共同使用才會有效果，還有就是元素必須是塊級別元素，示例代碼：

<div class="mui-table-cell mui-col-xs-12"><span class="mui-h5" style="text-overflow:ellipsis;display: block;overflow:hidden; white-space:nowrap; width:100%;"></span></div>

轉載于:https://www.cnblogs.com/cglWorkBook/p/5565856.html

總結

以上是生活随笔為你收集整理的超过屏幕长度字符省略的全部內容，希望文章能夠幫你解決所遇到的問題。

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