-webkit-line-clamp 是一个非标准属性，支持的浏览器包括大部分基于 WebKit 的浏览器，如 Chrome、Safari，以及部分新版的 Edge 和 Android 浏览器。

.text-ellipsis {
    display: -webkit-box; //必须配合 -webkit-box-orient 使用
    -webkit-box-orient: vertical; //设置为垂直排列
    overflow: hidden; //超出内容隐藏
    text-overflow: ellipsis; //超出用省略号表示
    -webkit-line-clamp: 3; //限制显示的行数
}