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