首先准备html的容器
<div class="parent">
好多鱼好多鱼好多好多鱼,好多鱼好多鱼好多好多鱼,好多鱼好多鱼好多好多鱼,好多鱼好多鱼好多好多鱼,
</div>
一行文本超出css代码如下:
.parent {
width: 100px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
效果如图:
多行文本超出css代码如下:
.parent {
width: 100px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
效果如图: