1】方式一:使用私有属性(有局限性)
这样实现很有局限性
<style type="text/css">
p{
border: 2px solid saddlebrown;
height: 44px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
</style>
<body>
<p>哈哈哈哈哈哈哈哈哈哈或或或或或或
或或或或或或或或或或或或或或或或或
或或或或或或或或或或或或或或
时诵诗书所所所所所所所所所所所所所
所所所所所所所所所所所所所所所所所
所所所所所所所所所所所所所所
所所所所所所所所所所所所所所所</p>
</body>
2】使用’…‘文本,在这段文字最后设置一个和背景颜色一样的方块,自适应时遮挡住’…'文本来实现
使用before伪类,设置文本’…’,然后用子绝父相的定位,放在文本框的右下角