欧美videos另类精品-欧美videos另类极品-欧美vide-欧美va在线视频-欧美va在线观看-欧美va在线播放免费观看

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.73404.com.cn

存檔

主站蜘蛛池模板： 日本久久啪啪婷婷激情五月 | ak福利午夜在线观看 | 亚洲丰满模特裸做爰 | 草草视频在线观看 | 日本高清免费不卡在线 | 91精品国产91久久久久久麻豆 | 亚洲精品丝袜在线一区波多野结衣 | 美女张开腿让男人桶的 视频 | 国产999在线观看 | 手机看片国产免费久久网 | 亚洲第一区欧美日韩精品 | 国产精品久久久久久久久免费观看 | 青草国产福利视频免费观看 | 喷出奶汁了h| 亚洲一欧洲中文字幕在线 | 香蕉久久一区二区不卡无毒影院 | 美女脱小内内给男生摸j | 日韩高清在线观看 | 2020年新四虎免费 | 精品无人区麻豆乱码无限制 | 日本三级免费观看 | 国产午夜免费 | 成人影院在线观看视频 | 国产亚洲精品精品国产亚洲综合 | 午夜久久精品 | 91婷婷射 | 国产99久久九九精品免费 | 好妈妈7在线观看高清 | 日韩 国产 欧美 精品 在线 | 国产人va在线| 久久无码人妻中文国产 | 京东热在线观看 | 免费在线观看中文字幕 | 性肥胖BWBWBW | 三级伦理在线播放 | 国产成人愉拍精品 | 国产精品免费aⅴ片在线观看 | 天天操天天干天天舔 | 丰满的闺蜜2中文字幕 | 国产精品第2页 | 我半夜摸妺妺的奶C了她软件 |