新聞中心
這里有您想知道的互聯網營銷解決方案
HTML中如何強制文本在一行內顯示并后面有省略號效果-創(chuàng)新互聯
小編給大家分享一下HTML中如何強制文本在一行內顯示并后面有省略號效果,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
設置或檢索是否使用一個省略標記(...)標示對象內文本的溢出。 對應的腳本特性為textOverflow。
text-overflow屬性僅是注解,當文本溢出時是否顯示省略標記。并不具備其它的樣式屬性定義。我們想要實現溢出時產生省略號的效果。還必須定義:強制文本在一行內顯示(white-space:nowrap)及溢出內容為隱藏(overflow:hidden)。只有這樣才能實現溢出文本顯示省略號的效果。
一、僅定義text-overflow:ellipsis; 不能實現省略號效果。
二、定義text-overflow:ellipsis; white-space:nowrap; 同樣不能實現省略號效果。
三、同時應用:text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 可實現所想要得到的溢出文本顯示省略號效果。
看完了這篇文章,相信你對“HTML中如何強制文本在一行內顯示并后面有省略號效果”有了一定的了解,如果想了解更多相關知識,歡迎關注創(chuàng)新互聯行業(yè)資訊頻道,感謝各位的閱讀!
網站欄目:HTML中如何強制文本在一行內顯示并后面有省略號效果-創(chuàng)新互聯
文章URL:http://www.ef60e0e.cn/article/djdhii.html