午夜勾魂曲-午夜福利自怕-午夜福利在线观看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://www.gerard.com.cn

存檔

主站蜘蛛池模板： 善良的小峓子2在钱免费中文字 | 日本xxxx8888| 暖暖 日本 视频 在线观看免费 | 用快播看av的网站 | 暖暖的高清视频在线观看免费中文 | 无人区乱码区1卡2卡三卡在线 | 久久久久久亚洲精品影院 | 黑人寄宿羽月希产后奶水 | 在线不卡中文字幕 | 97人妻在线公开视频在线观看 | 久青草国产在线视频亚瑟影视 | 在线日韩欧美一区二区三区 | 美女与男人对肌免费网站 | 青青草色青伊人 | 中国人泡妞www免费 中国拍三a级的明星女 | 理论片午午伦夜理片I | 特级黑人三人共一女 | 免费可以看污动画软件 | 国产中文字幕免费观看 | 麻豆一二三四区乱码 | 在教室伦流澡到高潮H免费视频 | 顶级少妇AAAAABBBBB片 | 99RE6这里只有精品国产AV | 91精品国产入口 | 久久a级片 | www.免费视频 | AV天堂午夜精品一区 | 日本漫画大全无翼乌 | 青柠在线电影高清免费观看 | 瑜伽牲交AV| 曰产无码久久久久久精品 | 精品国产成人a区在线观看 精品国产成人AV在线看 | 国语自产一区视频 | 色尼玛亚洲 | 国产最新地址 | 97视频视频人人碰视频 | 5g在视影讯天天5g免费观看 | videossexo乌克兰 | 国产亚洲欧美日韩综合综合二区 | 国产日韩欧美高清免费视频 | 免费观看成人毛片 |