欧美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

存檔

主站蜘蛛池模板： 日韩欧美视频二区 | 91欧洲在线视精品在亚洲 | 日本福利网 | 99福利视频导航 | 四虎精品在线视频 | 哇嘎在线精品视频在线观看 | 公翁的舌尖研磨她的花蒂小说 | 亚洲国产日韩欧美一区二区三区 | 草逼视频免费看 | 99精品免费视频 | 久操久操久操 | 99re8在这里只有精品23 | 亚洲精品国产成人99久久 | 91精品国产美女福到在线不卡 | 九九九九九九伊人 | 国产一区视频在线免费观看 | 亚洲精品有码在线观看 | aaa黄色| 亚洲国产在线视频精品 | 成人性生交小说免费看 | 97久久天天综合色天天综合色hd | 国产成人精品一区二区仙踪林 | 国产在线成人a | bt岛www| 农村妇女野外牲交一级毛片 | 久久九九久精品国产尤物 | 黑人巨鞭大战白妞10级 | 亚洲 日韩 自拍 视频一区 | 手机在线观看网站免费视频 | 国产趴着打光屁股sp抽打 | 美女全身无遮挡 | 俄罗斯烧性春三级k8播放 | 无遮挡免费h肉动漫在线观看 | 日本成熟老妇xxxx | 日韩成人免费aa在线看 | 亚洲高清在线视频 | 国产免费小视频在线观看 | 青草娱乐极品免费视频 | 午夜神器老司机高清无码 | 欧美一区二区三区在线观看不卡 | 动漫美女强行被吸乳做羞羞事 |