一 案例
未限制之前:
文本太长,挤走了下面的操作按钮部分内容;
二 优化方案
通过限制文本显示的最大行数,防止挤走下面按钮内容
优化的代码如下:
span.el-descriptions-item__content {
display: -webkit-box!important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
未限制之前:
文本太长,挤走了下面的操作按钮部分内容;
二 优化方案
通过限制文本显示的最大行数,防止挤走下面按钮内容
优化的代码如下:
span.el-descriptions-item__content {
display: -webkit-box!important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}