午夜勾魂曲-午夜福利自怕-午夜福利在线观看6080-午夜福利院电影-国产精品毛片AV久久97-国产精品麻豆高潮刺激A片

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://m.gerard.com.cn

存檔

主站蜘蛛池模板： 蜜桃臀无码内射一区二区三区 | 精品综合久久久久久8888 | 中文字幕在线永久 | 久久99蜜桃精品麻豆 | 欧美狂野乱码一二三四区 | 成人在线视频国产 | 原神美女被超污app 御姐被吸奶 | 国产亚洲精品线观看不卡 | old胖老太fat bbw青年 | 日韩精品一区二区三区AV在线观看 | 嗯啊快拔出来我是你老师视频 | 同时被两个男人轮流舔 | 曰韩一本道高清无码av | 久久国产高清字幕中文 | 公交车被CAO到合不拢腿 | 国产小伙和50岁熟女23p | 国产午夜伦鲁鲁 | 国产精品99久久久久久宅男AV | 男人天堂黄色 | 午夜伦4480yy妇女久久 | 暖暖免费观看日本在线视频 | 精品无码日本蜜桃麻豆 | 大香网伊人久久综合观看 | 国产精品18久久久久网站 | 儿媳妇完整版视频播放免费观看 | 樱桃bt在线www | 性欧美xxxxporn | bbw美女与zooxx | 日日啪无需播放器 | 麻豆高潮AV久久久久久久 | 亚洲最大在线视频 | 国产午夜精品一区二区理论影院 | 女人高潮久久久叫人喷水 | 嫩小幼处在线 | 牢记永久免费网址 | 国产亚洲精品久久久久久无码网站 | 成人a视频片在线观看免费 成人a毛片久久免费播放 | 亚洲精品入口一区二区乱麻豆精品 | 9797在线看片亚洲精品 | 99久久蜜臀AV免费看蛮 | 国产午夜精品一区二区三区 |