九九色综合_性69交片免费看_亚洲一区二区三区久久精品_精品一久久_欧美一级黄视频_污免费网站

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.gyxygd.cn

存檔

主站蜘蛛池模板： 久久中文网 | 高清国产午夜精品久久久久久 | 欧美一级网站 | 亚洲国产欧美日韩一区二区三区 | 国产精品视频999 | 蜜桃av一区二区三区 | 日本视频免费高清一本18 | 爱婷婷视频在线观看 | 夜精品a一区二区三区 | 中文字幕一区在线观看视频 | 草久在线播放 | 免费在线国产精品 | 尤物在线视频 | 国产精品美女久久久久AV超清 | 成年啪啪网站免费播放看 | 国内自拍偷拍 | 久久久久夜色精品波多野结衣 | 永久黄色免费网站 | 最近免费中文字幕大全免费版视频 | 天天影| 羞羞的视频免费观看 | 成人国产 | 理论片午午伦夜理片影院 | 国产精品永久免费视频 | 久久综合桃花网 | 鲁一鲁中文字幕久久 | 91九色成人| 成人午夜视频在线观 | 妞干网视频| 色视频在线观看免费 | 五月婷婷六月色 | 久久久久九九 | 欧美刺激午夜性久久久久久久 | 亚洲精品第1页 | bt 另类 专区 欧美 制服 | 欧美天天 | 亚洲欧美在线中文字幕不卡 | 日本一区二区三区在线观看 | 午夜影院小视频 | 色婷婷网 | 激情aⅴ欧美一区二区欲海潮 |