強制文字在一行內顯示,並且後面有省略號效果的方法
- 生活經驗
- 關注:1.52W次
設定或檢索是否使用一個省略標記(...)標示物件內文字的溢位。 對應的指令碼特性為textOverflow。
a b c d e f g h i j k l , msa sd sd sa w df ftext-overflow屬性僅是註解,當文字溢位時是否顯示省略標記。並不具備其它的'樣式屬性定義。我們想要實現溢位時產生省略號的效果。還必須定義:強制文字在一行內顯示(white-space:nowrap)及溢位內容為隱藏(overflow:hidden)。只有這樣才能實現溢位文字顯示省略號的效果。
一、僅定義text-overflow:ellipsis; 不能實現省略號效果。
二、定義text-overflow:ellipsis; white-space:nowrap; 同樣不能實現省略號效果。
三、同時應用:text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 可實現所想要得到的溢位文字顯示省略號效果。
- 文章版權屬於文章作者所有,轉載請註明 https://xuezhezhai.com/zh-tw/fw/shenghuo/pvn4wj.html