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

存檔

主站蜘蛛池模板： 精品亚洲综合在线第一区 | 色综合中文字幕天天在线 | 日本精品中文字幕在线播放 | 3d动漫美女被吸乳羞羞视频 | 国产福利兔女郎在线观看 | 欧美日韩国产手机在线观看视频 | 深夜精品高中女学生 | 好大好硬快点好爽公 | a毛片免费全部在线播放毛 a级在线看 | 好大夫在线个人空间 | 18韩国美女vip视频7 | 国产90后美女露脸在线观看 | 欧美性另类69xxxx | 亚裔maricahase和黑人 | 四虎在线精品免费高清在线 | 欧美成人免费观看久久 | 精品国产免费一区二区三区 | 国产成人在线影院 | 无套日出白浆在线播放 | 午夜久久免费视频 | 456亚洲人成高清在线 | 久久精品国产亚洲AV热无遮挡 | 极品美女aⅴ高清在线观看 极品ts赵恩静和直男激战啪啪 | 王晶三级作品 | 亚洲 欧美 国产 视频二区 | 国产三级精品91三级在专区 | 男人的天堂久久爱 | les女同h高h喷水| avtt天堂网手机版亚洲 | 欧美三级一区二区 | 国产性色视频 | 欧美人畜 | 色综久久天天综合绕视看 | 狠狠搞视频 | 天堂va亚洲va欧美va国产 | 亚洲国产精品综合一区在线 | 国产一区二区三区久久精品小说 | 亚洲男人天堂 | 好紧好爽范冰冰系列 | 国内9lporm自拍视频区 | 国产日韩高清一区二区三区 |