午夜勾魂曲-午夜福利自怕-午夜福利在线观看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

存檔

主站蜘蛛池模板： 国产在线精彩视频 | 亚洲免费黄色片 | 亚洲AV久久无码精品国产网站 | 99爱在线精品视频免费观看9 | 亚洲 欧美 日韩 国产 视频 | 嫩草亚洲国产精品 | 尹人综合网| 99日影院在线播放 | 在公交车上被JB草坏了被轮J了 | 久久精品一区二区影院 | 亚洲 无码 制服 日韩 | 国产成人自产拍免费视频 | 欧美一区二区高清 | 精品国产乱码久久久久久夜深人妻 | 国产亚洲欧美在线中文BT天堂网 | 欧美性xxxxxx爱 | 最近的中文字幕免费完整 | 大学生一级毛片免费看 | 成人国产一区 | 把英语老师强奷到舒服动态图 | 国产网站免费观看 | 国产精品丰满人妻AV麻豆 | 欧美美女一区二区三区 | 欧美整片华人play | jjzz动漫| 国产色综合久久无码有码 | 四虎免费影院 | 亚洲午夜AV久久久精品影院色戒 | 亚洲视频在线观看不卡 | 妺妺窝人体色777777野大粗 | 嗯 用力啊 嗯 c我 啊哈老师 | 午夜理论片YY4399影院 | 黑兽在线观看高清在线播放樱花 | 国产在线一区二区三区四区 | 交换:年轻夫妇-HD中文字幕 | 日本50人群体交乱 | 叔叔 电影完整版免费观看韩国 | 国产露脸无码A区久久蘑菇 国产露脸无码A区久久 | 久久中文字幕综合不卡一二区 | 国产青青草原 | 小草高清视频免费直播 |