成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

CSS文本省略顯示

HackerShell / 2295人閱讀

摘要：當(dāng)頁面上有過多文字的時(shí)候，往往需要省略顯示，可以很方便的做到這點(diǎn)。單行文本省略顯示需要固定一個(gè)寬度多行文本省略顯示適用于瀏覽器和移動(dòng)端設(shè)置需要顯示的行數(shù)

當(dāng)頁面上有過多文字的時(shí)候，往往需要省略顯示，CSS可以很方便的做到這點(diǎn)。

單行文本省略顯示
width: 68%; // 需要固定一個(gè)寬度
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
多行文本省略顯示(適用于WebKit瀏覽器和移動(dòng)端)
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; // 設(shè)置需要顯示的行數(shù)
overflow: hidden;

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/115685.html

相關(guān)文章

  • css實(shí)現(xiàn)單行、多行文本超出顯示省略號(hào)

    摘要：前言項(xiàng)目中我們經(jīng)常遇到這種需求，需要對(duì)單行多行文本超出顯示為省略號(hào)。單行文本省略文本溢出顯示省略號(hào)文本不會(huì)換行語法默認(rèn)值適用于所有元素當(dāng)對(duì)象內(nèi)文本溢出時(shí)不顯示省略標(biāo)記，而是將溢出的部分裁切掉。 前言：項(xiàng)目中我們經(jīng)常遇到這種需求，需要對(duì)單行、多行文本超出顯示為省略號(hào)。這篇文章主要總結(jié)了小編解決此問題的方法，有不足之處歡迎大家指正。 單行文本省略 showImg(https://segme...

    wing324 評(píng)論0 收藏0

  • css實(shí)現(xiàn)單行、多行文本超出顯示省略號(hào)

    摘要：前言項(xiàng)目中我們經(jīng)常遇到這種需求，需要對(duì)單行多行文本超出顯示為省略號(hào)。單行文本省略文本溢出顯示省略號(hào)文本不會(huì)換行語法默認(rèn)值適用于所有元素當(dāng)對(duì)象內(nèi)文本溢出時(shí)不顯示省略標(biāo)記，而是將溢出的部分裁切掉。 前言：項(xiàng)目中我們經(jīng)常遇到這種需求，需要對(duì)單行、多行文本超出顯示為省略號(hào)。這篇文章主要總結(jié)了小編解決此問題的方法，有不足之處歡迎大家指正。 單行文本省略 showImg(https://segme...

    paulquei 評(píng)論0 收藏0

  • css實(shí)現(xiàn)單行、多行文本超出顯示省略號(hào)

    摘要：前言項(xiàng)目中我們經(jīng)常遇到這種需求，需要對(duì)單行多行文本超出顯示為省略號(hào)。單行文本省略文本溢出顯示省略號(hào)文本不會(huì)換行語法默認(rèn)值適用于所有元素當(dāng)對(duì)象內(nèi)文本溢出時(shí)不顯示省略標(biāo)記，而是將溢出的部分裁切掉。 前言：項(xiàng)目中我們經(jīng)常遇到這種需求，需要對(duì)單行、多行文本超出顯示為省略號(hào)。這篇文章主要總結(jié)了小編解決此問題的方法，有不足之處歡迎大家指正。 單行文本省略 showImg(https://segme...

    maxmin 評(píng)論0 收藏0

  • 如何讓文本只顯示兩行——塊級(jí)文字省略

    摘要：在頁面顯示中我們經(jīng)常會(huì)需要進(jìn)行省略，比如簡(jiǎn)介里面的省略，比如固定中字?jǐn)?shù)超過限制之后的省略。單行文字的省略單行文字省略比較簡(jiǎn)單。 在頁面顯示中我們經(jīng)常會(huì)需要進(jìn)行省略，比如簡(jiǎn)介里面的省略，比如固定div中字?jǐn)?shù)超過限制之后的省略。我們可以用css輕松做到。 單行文字的省略 單行文字省略比較簡(jiǎn)單。關(guān)鍵代碼如下： .single { width: 280px; ...

    BetaRabbit 評(píng)論0 收藏0

  • 如何讓文本只顯示兩行——塊級(jí)文字省略

    摘要：在頁面顯示中我們經(jīng)常會(huì)需要進(jìn)行省略，比如簡(jiǎn)介里面的省略，比如固定中字?jǐn)?shù)超過限制之后的省略。單行文字的省略單行文字省略比較簡(jiǎn)單。 在頁面顯示中我們經(jīng)常會(huì)需要進(jìn)行省略，比如簡(jiǎn)介里面的省略，比如固定div中字?jǐn)?shù)超過限制之后的省略。我們可以用css輕松做到。 單行文字的省略 單行文字省略比較簡(jiǎn)單。關(guān)鍵代碼如下： .single { width: 280px; ...

    zollero 評(píng)論0 收藏0

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

0條評(píng)論

HackerShell

男|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<