码迷,mamicode.com
首页 > 移动开发 > 详细

css 控制文字显示两行,多余用省略号 手机端

时间:2018-01-18 17:09:30      阅读:212      评论:0      收藏:0      [点我收藏+]

标签:class   osi   显示   一半   flow   number   sele   abs   就是   

p {
    width:100px;
    position:relative;
    line-height:20px; /*行高为高度的一半,这样就是两行*/
    height:40px;
    overflow:hidden;
}
p:after { /*使用伪元素*/
    content:"...";
    position:absolute;
    bottom:0;
    right:0;
    background:#FFF;  /*这个背景色要和p的背景色一致,也就是做个假^_^*/
    padding-left:6px; /*这里自己调一调*/
}

css 控制文字显示两行,多余用省略号 手机端

标签:class   osi   显示   一半   flow   number   sele   abs   就是   

原文地址:https://www.cnblogs.com/woniubushinide/p/8310115.html

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