CSS
* {
margin: 0;
padding: 0;
}
.box {
width: 400px;
height: 120px;
padding: 40px;
margin: 40px auto;
background-color: #bfa;
}
p {
/* 超出盒子隐藏 */
overflow: hidden;
/* 文字样式省略号 */
text-overflow: ellipsis;
/* 上下对齐最后一行左对齐 */
text-align: justify;
/* 对象作为伸缩盒子模型显示 */
display: -webkit-box;
/* 设置或检索伸缩盒对象的子元素的排列方式 */
-webkit-box-orient: vertical;
/* 指定显示行数 */
-webkit-line-clamp: 3;
}
HTML
<div class="box">
<p>
桃树、杏树、梨树，你不让我，我不让你，都开满了花赶趟儿。红的像火，粉的像霞，白的像雪。花里带着甜味儿；闭了眼，树上仿佛已经满是桃儿、杏儿、梨儿。花下成千成百的蜜蜂嗡嗡地闹着，大小的蝴蝶飞来飞去。野花遍地是：杂样儿，有名字的，没名字的，散在草丛里，像眼睛，像星星，还眨呀眨的。
</p>
</div>
