美文网首页
div内文字显示两行,超出两行部分省略号显示css能实现么?

div内文字显示两行,超出两行部分省略号显示css能实现么?

作者: 温柔你要送嘻嘻 | 来源:发表于2017-07-18 16:04 被阅读69次

http://www.cnblogs.com/hellman/p/5755376.html

https://jingyan.baidu.com/article/2a138328971e8c074a134f82.html

p{

width:200px;

//overflow : hidden;

//text-overflow: ellipsis;

//display: -webkit-box;

//-webkit-line-clamp: 2;

//-webkit-box-orient: vertical;

position:relative;

line-height:1.4em;

height:4.2em;

overflow:hidden;

}

p::after{

content:"...";

font-weight:bold;

position:absolute;

bottom:0;

right:0;

padding:0 20px2px10px;

}

注释掉的代码,据说也能实现,但是在我这里不管用。最后还是用的第二种方法

相关文章

网友评论

      本文标题:div内文字显示两行,超出两行部分省略号显示css能实现么?

      本文链接:https://www.haomeiwen.com/subject/qwjhkxtx.html