javascript - 将 div 中的内容限制为仅两行

Question

我有大文本，如附图所示

在应用 CSS 之前

根据要求，只需要将显示数据限制为两行。为此，我使用下面的 CSS 代码

     { display: -webkit-box;
        margin: 0 auto;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space : normal;
        width : 100%
}
     After Applying Above CSS

但客户要求输出如下

期待..

请有人帮忙

标签： javascripthtmlcss

Answer 1

你的代码没问题。您必须根据需要定义宽度。

{  
 display:-webkit-box;
 -webkit-line-clamp:3;
 -webkit-box-orient:vertical;  
 overflow: hidden;
 width: 160px;
}