一区二区国产精品,日本在线一级,免费一级毛片免费播放,aaa大片

龍巖易富通網(wǎng)絡(luò)科技有限公司

龍巖小程序開(kāi)發(fā),龍巖分銷系統(tǒng)

CSS截取截取字符長(zhǎng)度并顯示省略號(hào)的方法

2020.02.04 | 1483閱讀 | 0條評(píng)論 | css

<div class='title'>解決標(biāo)題顯示太長(zhǎng)省略多余部分并加省略號(hào)的樣式</div>


.title {

      display: block; /* 當(dāng)前元素本身是inline的,因此需要設(shè)置成block模式 */

      white-space: nowrap; /* 因?yàn)樵O(shè)置了block,所以需要設(shè)置nowrap來(lái)確保不換行 */

      overflow: hidden; /* 超出隱藏結(jié)合width使用截取采用效果*/

      text-overflow: ellipsis; /* 本功能的主要功臣,超出部分的剪裁方式 */

      -o-text-overflow: ellipsis; /* 特定瀏覽器前綴 */

      text-decoration: none; /* 無(wú)用 */

}


贊 (

發(fā)表評(píng)論