多行文本省略

方式1

兼容性不好

height: 100px;
line-height: 25px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;

方式2

利用浮动环绕、空白元素站位+margin-top调整位置

<div class="wrap"><div class="more">...</div><div class="content">what is my romm,so that you can catch up width.all right what is my romm,so that 很多文字</div>
</div>.wrap{height: 100px;overflow: hidden;}.wrap::before {content: '';display: block;height: 80px;}.more {float: right;// 浮动位置不对可以调整// position: relative;// top: -3px;}.content {line-height: 25px;margin-top: -80px;}