欧美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://m.73404.com.cn

存檔

主站蜘蛛池模板： 男女真实无遮挡xx00动态图软件 | 日本三级s级在线播放 | 我的家教老师在线观看 | 精品国产mmd在线观看 | 国产v在线在线观看羞羞答答 | 亚洲免费色图 | 被强上后我成瘾了小说 | 亚洲品质水蜜桃 | 国产欧美一区视频在线观看 | 美女脱了内裤让男生玩屁股 | 免费观看在线 | 亚洲AV福利天堂一区二区三 | 亚洲系列国产精品制服丝袜第 | 四虎在线最新地址公告 | 91久久偷偷做嫩草影院免费 | 色综合色综合 | 国产精品午夜国产小视频 | 午夜办公室在线观看高清电影 | 日韩 视频在线播放 | 按摩椅play啊太快了h | 女性性色生活片免费观看 | www亚洲视频 | 1769在线视频 | 精品国产一区二区在线观看 | 日本视频在线免费观看 | 好猛好紧好硬使劲好大刺激视频 | 国产精品久久久久久久久齐齐 | 国产精品手机视频一区二区 | 99热久久这里只精品国产www | 欧美影院一区二区三区 | 亚洲情射 | yin娃sao货调教情趣用品店 | 欧美成人三级伦在线观看 | 日韩欧美中文在线 | 女暴露狂校园裸露小说 | 欧美一区二区三区精品 | 波多野结衣中文字幕在线 | 高中生放荡日记高h娜娜 | 日本卡1卡2卡4卡免费 | 91porn在线观看国产 | 亚洲一区二区三区不卡在线播放 |