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

最新推荐文章于 2023-07-26 17:22:05 发布

weixin_30646505

最新推荐文章于 2023-07-26 17:22:05 发布

阅读量240

点赞数

原文链接：http://www.cnblogs.com/woniubushinide/p/8310115.html

版权

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; /*这里自己调一调*/ }