HTML如下:
<p class="book-description">
入门.一本全世界无数人受益和家庭必备的心
理自助图书,教你远离生活压力带来的焦虑.
入门.一本全世界无数人受益和家庭必备的心
理自助图书,教你远离生活压力带来的焦虑.
</p>
CSS如下:
.book-description{
height:3.75rem;
font-size:0.625rem;
color:#8f8f8f;
line-height:1.25rem;
text-align: justify;
/* 主要代码 */
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
/* 几行后显示省略号 */
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
最终效果