資訊專欄INFORMATION COLUMN
摘要：當(dāng)頁面上有過多文字的時候，往往需要省略顯示，可以很方便的做到這點。單行文本省略顯示需要固定一個寬度多行文本省略顯示適用于瀏覽器和移動端設(shè)置需要顯示的行數(shù)
當(dāng)頁面上有過多文字的時候，往往需要省略顯示，CSS可以很方便的做到這點。
單行文本省略顯示
width: 68%; // 需要固定一個寬度 overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
多行文本省略顯示(適用于WebKit瀏覽器和移動端)
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; // 設(shè)置需要顯示的行數(shù) overflow: hidden;
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/115685.html
摘要：前言項目中我們經(jīng)常遇到這種需求，需要對單行多行文本超出顯示為省略號。單行文本省略文本溢出顯示省略號文本不會換行語法默認(rèn)值適用于所有元素當(dāng)對象內(nèi)文本溢出時不顯示省略標(biāo)記，而是將溢出的部分裁切掉。 前言：項目中我們經(jīng)常遇到這種需求，需要對單行、多行文本超出顯示為省略號。這篇文章主要總結(jié)了小編解決此問題的方法，有不足之處歡迎大家指正。 單行文本省略 showImg(https://segme...
摘要：前言項目中我們經(jīng)常遇到這種需求，需要對單行多行文本超出顯示為省略號。單行文本省略文本溢出顯示省略號文本不會換行語法默認(rèn)值適用于所有元素當(dāng)對象內(nèi)文本溢出時不顯示省略標(biāo)記，而是將溢出的部分裁切掉。 前言：項目中我們經(jīng)常遇到這種需求，需要對單行、多行文本超出顯示為省略號。這篇文章主要總結(jié)了小編解決此問題的方法，有不足之處歡迎大家指正。 單行文本省略 showImg(https://segme...
摘要：前言項目中我們經(jīng)常遇到這種需求，需要對單行多行文本超出顯示為省略號。單行文本省略文本溢出顯示省略號文本不會換行語法默認(rèn)值適用于所有元素當(dāng)對象內(nèi)文本溢出時不顯示省略標(biāo)記，而是將溢出的部分裁切掉。 前言：項目中我們經(jīng)常遇到這種需求，需要對單行、多行文本超出顯示為省略號。這篇文章主要總結(jié)了小編解決此問題的方法，有不足之處歡迎大家指正。 單行文本省略 showImg(https://segme...
摘要：在頁面顯示中我們經(jīng)常會需要進(jìn)行省略，比如簡介里面的省略，比如固定中字?jǐn)?shù)超過限制之后的省略。單行文字的省略單行文字省略比較簡單。 在頁面顯示中我們經(jīng)常會需要進(jìn)行省略，比如簡介里面的省略，比如固定div中字?jǐn)?shù)超過限制之后的省略。我們可以用css輕松做到。 單行文字的省略 單行文字省略比較簡單。關(guān)鍵代碼如下： .single { width: 280px; ...
摘要：在頁面顯示中我們經(jīng)常會需要進(jìn)行省略，比如簡介里面的省略，比如固定中字?jǐn)?shù)超過限制之后的省略。單行文字的省略單行文字省略比較簡單。 在頁面顯示中我們經(jīng)常會需要進(jìn)行省略，比如簡介里面的省略，比如固定div中字?jǐn)?shù)超過限制之后的省略。我們可以用css輕松做到。 單行文字的省略 單行文字省略比較簡單。關(guān)鍵代碼如下： .single { width: 280px; ...
閱讀 1291·2021-09-26 09:55
閱讀 3324·2019-08-30 15:55
閱讀 1039·2019-08-30 15:53
閱讀 2344·2019-08-30 13:59
閱讀 2440·2019-08-29 13:08
閱讀 1157·2019-08-29 12:19
閱讀 3386·2019-08-26 13:41
閱讀 470·2019-08-26 13:24
