app评论区效果 三行溢出隐藏
html代码 多写点字符达到换行效果
<div class="text">
<p>
文字文字文字文字文字文字文字文字文字
文字文字文字文字文字文字文字文字文字文
字文字文字文字文字文字文字文字文字文
字文字文字文字文字文字文字文字文字文字文字文字
</p>
</div>代码片
.text{
width: 100px;
background: #999999;
/* 限制文本显示的行数*/
-webkit-line-clamp: 3;
/* 溢出的部分隐藏*/
overflow: hidden;
/* 溢出的部分以...显示*/
text-overflow: ellipsis;
/* 将容器设置成弹性和盒模型*/
display: -webkit-box;
/* 设置伸缩盒子的排列方式为纵向*/
-webkit-box-orient: vertical;
}
-webkit-line-clamp: 3
/* 限制文本显示的行数*/
-webkit-line-clamp: 3;
/* 溢出的部分隐藏*/
overflow: hidden;
/* 溢出的部分以...显示*/
三兄弟 一个不能少
效果图如下: