码迷,mamicode.com
首页 > 其他好文 > 详细

关于超出文字省略的样式布局

时间:2019-08-20 22:31:16      阅读:113      评论:0      收藏:0      [点我收藏+]

标签:样式   webkit   white   lam   dde   play   场景   space   splay   

基本隐藏方案

我们经常会遇到一个场景:对于一些显示标签,如果超出部分就隐藏,基本样式如下

    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;

允许换行,超过2行再换行

    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 

关于超出文字省略的样式布局

标签:样式   webkit   white   lam   dde   play   场景   space   splay   

原文地址:https://www.cnblogs.com/fe-linjin/p/CSS3.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!