国产成在线人视频免费视频-国产成综合-国产床上视频-国产大臿蕉香蕉大视频女-国产大尺度pr社18福利在线

css的多行省略號處理

2018-5-30    周周

      在我們的頁面布局的時候，經常會有這樣的需求，超過指定行文本的時候會進行（省略號...）的處理，那么我們改怎么設置css呢？如下：

 設置盒子的css為：

  • overflow:hidden;;
  • text-overflow:ellipsis;
  • white-space:nowrap;

       但是這樣只能顯示一行而不能實現指定行，所以還要其他的方法來實現指定行處理的。



     WebKit瀏覽器或移動端的頁面（大部分移動端都是webkit）

        可以直接使用WebKit的CSS擴展屬性(WebKit是私有屬性)-webkit-line-clamp ；注意：這是一個不規范的屬性，它沒有出現在 CSS 規范草案中。



        -webkit-line-clamp用來限制在一個塊元素顯示的文本的行數。 為了實現該效果，它需要組合其他的WebKit屬性。
       常見結合屬性：
  • display: -webkit-box; 必須結合的屬性 ，將對象作為彈性伸縮盒子模型顯示 。
  • -webkit-box-orient 必須結合的屬性 ，設置或檢索伸縮盒對象的子元素的排列方式 。
  • text-overflow: ellipsis;，可以用來多行文本的情況下，用省略號“…”隱藏超出范圍的文本 。

     css 代碼:

  • overflow：hidden;
  • text-overflow: ellipsis;
  • display: -webkit-box;
  • -webkit-line-clamp:2;/*這里控制著顯示多少行*/
  • -webkit-box-orient:vertical;


日歷

鏈接

個人資料

藍藍設計的小編 http://www.z1277.cn

存檔

主站蜘蛛池模板： 美女内部福利视频在线观看 | 色欧美在线视频 | 色婷婷色综合 | 在线欧美国产 | 美国毛片一级视频在线aa | 国产日韩欧美视频在线 | 亚洲第一区香蕉_国产a | 在线观看www视频 | 99热在线获取最新地址 | 免费毛片网站 | 国产在线视频资源 | 亚洲国产人成中文幕一级二级 | 国产99精品在线观看 | 丁香婷婷综合五月六月 | 亚洲视频在线观看免费 | 成人精品一区二区久久久 | 亚洲欧美日本综合一区二区三区 | 日韩中文在线视频 | 看全色黄大色黄大片色责看的 | 日韩a无吗一区二区三区 | 国产乱码精品一区二区三区网页版 | 精品国产1区 | 日韩欧美一区二区三区免费看 | 国产亚洲精品日韩综合网 | jizjizjiz亚洲人 | 亚洲国产精品自产拍在线播放 | 国产精品爱久久久 | 亚洲精品入口一区二区乱 | 美国人和动物xxx | 亚洲国产高清一区二区三区 | 久久97超级碰碰碰 | 国模偷拍在线观看免费视频 | 国产一区二区fc2ppv在线播放 | zoofilia杂交videos新另类 | 欧美成人免费在线视频 | 妞干网免费视频在线观看 | 久久www免费人成_看片美女图 | 精品久久久久久国产91 | 国产a视频精品免费观看 | 人久热欧美在线观看量量 | 国产黄色大片网站 |