css 超出文本显示…

<div class="clamp-text">
    这是一个示例文本，用来显示如何限制文本的行数，并且在超出行数时显示省略号。
</div>

.clamp-text {
    display: -webkit-box;          /* 设置为弹性盒子 */
    -webkit-box-orient: vertical; /* 设置盒子方向为垂直 */
    -webkit-line-clamp: 4;        /* 限制显示4行 */
    overflow: hidden;              /* 隐藏超出部分 */
    text-overflow: ellipsis;      /* 省略号 */
    height: 5.6em;                 /* 适当设置高度以容纳4行文本 */
    line-height: 1.4em;           /* 行高 */
}