亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

CSS控制文本的長(zhǎng)度 超過一行顯示省略號(hào)的實(shí)現(xiàn)方法

  發(fā)布時(shí)間:2016-04-15 16:39:52   作者:佚名   我要評(píng)論
下面小編就為大家?guī)硪黄狢SS控制文本的長(zhǎng)度 超過一行顯示省略號(hào)的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考

代碼如下:

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <div style="width:100px;height:20px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; ">a b c d e f g h i j k l , msa sd sd sa w df f </div>    

text-overflow屬性僅是注解,當(dāng)文本溢出時(shí)是否顯示省略標(biāo)記。并不具備其它的樣式屬性定義。我們想要實(shí)現(xiàn)溢出時(shí)產(chǎn)生省略號(hào)的效果。還必須定義:強(qiáng)制文本在一行內(nèi)顯示(white-space:nowrap)及溢出內(nèi)容為隱藏(overflow:hidden)。只有這樣才能實(shí)現(xiàn)溢出文本顯示省略號(hào)的效果。 

一、僅定義text-overflow:ellipsis; 不能實(shí)現(xiàn)省略號(hào)效果?! ?span id="ublnpf9mb" class="Apple-converted-space"> 

二、定義text-overflow:ellipsis; white-space:nowrap; 同樣不能實(shí)現(xiàn)省略號(hào)效果   

三、同時(shí)應(yīng)用: text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 可實(shí)現(xiàn)所想要得到的溢出文本

以上這篇CSS控制文本的長(zhǎng)度 超過一行顯示省略號(hào)的實(shí)現(xiàn)方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論