資訊專欄INFORMATION COLUMN
摘要：有時候文字太多，但為了美觀想要在第二行的時候才顯示省略號，而不是第一行超出馬上就出現(xiàn)省略號下面是代碼顯示省略號塊元素顯示的文本行數(shù)截圖定義在上就可以了上效果圖這樣文字不會到第三行
有時候文字太多，但為了美觀想要在第二行的時候才顯示省略號，而不是第一行超出馬上就出現(xiàn)省略號
下面是css代碼：
overflow:hidden;
text-overflow: ellipsis;//顯示省略號
display:-webkit-box;
-webkit-line-clamp:2;//塊元素顯示的文本行數(shù)
-webkit-box-orient:vertical;
截圖：
定義在div上就可以了
上效果圖
這樣文字不會到第三行
?
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/2090.html
摘要：選擇器大致可以分成類基本選擇器，層次選擇器，屬性選擇器，偽類，偽元素。但偽類和偽元素相對比較抽象，稍微有一點(diǎn)點(diǎn)理解上的難度。本篇就是我對偽類和偽元素的理解。 CSS選擇器大致可以分成5類：基本選擇器，層次選擇器，屬性選擇器，偽類，偽元素。基本，層次，屬性選擇器比較容易理解，畢竟它們選擇的對象都屬于DOM中看得見摸得著的元素。但偽類和偽元素相對比較抽象，稍微有一點(diǎn)點(diǎn)理解上的難度。本篇就是...
摘要：寬度與高度如果你的代碼里經(jīng)常出現(xiàn)和屬性說明你對寬度與高度理解的不夠深文檔流翻譯很爛應(yīng)該為普通流或者常規(guī)流的高度字體高度與行高字和字之間是通過基線對齊的行高與默認(rèn)行高是字體設(shè)計(jì)室寫進(jìn)去的不同字體行高不一樣跟字體設(shè)計(jì)有關(guān)系字體的建議行高寫在了 CSS2:寬度與高度 如果你的CSS代碼里經(jīng)常出現(xiàn)height和width屬性,說明你對寬度與高度理解的不夠深 1.文檔流(Normal Flow)...
摘要：我現(xiàn)在的需求是這樣的，我目前實(shí)現(xiàn)了一個框，顯示文字，超出兩行顯示，如果單行要保證垂直居中，我如果給容器使用則當(dāng)文字內(nèi)容過多的時候會不上下文字有截斷現(xiàn)在效果如下只能顯示兩行，超出顯示省略號解決方法垂直居中的我現(xiàn)在的需求是這樣的，我目前實(shí)現(xiàn)了一個div框，顯示文字，超出兩行顯示...，如果單行要保證垂直居中，我如果給容器使用display:flex;align-items:center；則當(dāng)文字...
摘要：不僅可以靜態(tài)地修飾網(wǎng)頁，還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進(jìn)行格式化。新增屬性選擇器用于定義元素屬性以開頭的元素的樣式如上所示，標(biāo)記鏈接為綠色?？梢允菙?shù)字，或關(guān)鍵字或公式。 CSS1 中定義的選擇器 類型選擇器 用于選擇指定類型的元素（其實(shí)他就是 html 標(biāo)簽選擇器），常見用法如下： body { /*對 body 元素定義樣式*/ } body,div { ...
摘要：不僅可以靜態(tài)地修飾網(wǎng)頁，還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進(jìn)行格式化。新增屬性選擇器用于定義元素屬性以開頭的元素的樣式如上所示，標(biāo)記鏈接為綠色。可以是數(shù)字，或關(guān)鍵字或公式。 CSS1 中定義的選擇器 類型選擇器 用于選擇指定類型的元素（其實(shí)他就是 html 標(biāo)簽選擇器），常見用法如下： body { /*對 body 元素定義樣式*/ } body,div { ...
閱讀 3569·2023-04-25 16:35
閱讀 714·2021-10-11 11:09
閱讀 6192·2021-09-22 15:11
閱讀 3363·2019-08-30 14:03
閱讀 2604·2019-08-29 16:54
閱讀 3356·2019-08-29 16:34
閱讀 3063·2019-08-29 12:18
閱讀 2132·2019-08-28 18:31
