将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

但是客户要求输出如下

期待..

请有人帮忙

Answer 1

您的代码正常。 您将需要根据需要定义宽度。

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