CSS div內文字顯示兩行,超出部分省略號顯示

2022-07-19 01:33:11 字數 356 閱讀 7375

在專案過程中,有時候需要控制div內文字最多顯示兩行,超出的使用省略號進行處理。使用識別碼/字首-webkit進行處理可直接得到相應效果。

webkit核心的css字首為「-webkit-」,comodo drangon(科摩多龍),蘋果,安卓,搜狗高速瀏覽器3,快快瀏覽器,楓樹瀏覽器,雲遊瀏覽器,360極速瀏覽器,世界之窗極速版,srware iron,獵豹瀏覽器,rockmelt,qq瀏覽器都可識別。

-webkit-line-clamp webkit支援,不在標準之內(ie和火狐不相容)

.fontclass

.fontclass

css超出兩行顯示省略號

1.css寫法只對webkit核心的瀏覽器好用,對safari瀏覽器有相容問題.demo2.css超出兩行顯示省略號 個人寫法 twolines article ref article content ref p p cover v if isshow span div div template e...

css 文字強制兩行超出就顯示省略號

1.強制一行的情況很簡單 overflow hidden 超出的隱藏 text overflow ellipsis 省略號 white space nowrap 強制一行顯示 2.如果要強制兩行的話,得用到css3的知識 overflow hidden text overflow ellipsis ...

css 文字兩行顯示,超出省略號表示

重點 text overflow ellipsis 只對display inline 起作用 例子 我說說打瞌睡黨風建設打火機說說色兒ab 一行 white space nowrap text overflow ellipsis overflow hidden word break break al...