css 限制显示的文本的行数

一 案例

 未限制之前: 

文本太长，挤走了下面的操作按钮部分内容；

二 优化方案

通过限制文本显示的最大行数，防止挤走下面按钮内容


优化的代码如下：

 span.el-descriptions-item__content {

    display: -webkit-box!important;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容