.box1{
width: 100px;
/* height: 100px; */
border: 1px solid #ccc;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:2;
/* 第几行开始省略 */
-webkit-box-orient: vertical;
/* 子元素横向排列 */
}
效果:
<div class="box1">
css多行文字溢出显示省略号
</div>