語(yǔ)法：

text-overflow：clip | ellipsis

默認(rèn)值：clip

適用于：所有元素

clip： 當(dāng)對(duì)象內(nèi)文本溢出時(shí)不顯示省略標(biāo)記（...），而是將溢出的部分裁切掉。
ellipsis： 當(dāng)對(duì)象內(nèi)文本溢出時(shí)顯示省略標(biāo)記（...）。

在使用的時(shí)候，有時(shí)候發(fā)現(xiàn)不會(huì)出現(xiàn)省略標(biāo)記效果，經(jīng)過(guò)測(cè)試發(fā)現(xiàn)，使用ellipsis的時(shí)候，必須配合overflow:hidden; white-space:nowrap; width:50%;這三個(gè)樣式共同使用才會(huì)有效果，還有就是元素必須是塊級(jí)別元素，示例代碼：

<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>

轉(zhuǎn)載于:https://www.cnblogs.com/cglWorkBook/p/5565856.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。