css 超出兩行省略號,超出一行省略號

2022-02-08 07:28:13 字數 337 閱讀 8318

參考:

超出一行省略:

p

超出2行省略:

p

注:兩行注釋必須要!因為 webpack打包後-webkit-box-orient會被移除,autoprefixer會自動移除老式過時的**,所以需要新增注釋關閉autoprefixer。如果有清除注釋的外掛程式,將該外掛程式設為false,否則不生效。

/*

! autoprefixer: ignore next

*/-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

一行省略,兩行省略

一行省略 1 得是以配置為inline block的元素,或缺省以block呈現的div p元素 2 強制不換行 3 固定寬度 4 超出部分隱藏 5 超出部分以 結尾 width 140px display inline block white space nowrap overflow hidde...

css 文字超出省略號,單行省略號和多行省略號

doctype html en utf 8 viewport content width device width,initial scale 1.0 document title html,body width 1000px padding 50px 30px margin 50px auto b...

css超出兩行顯示省略號

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