app评论区效果 三行溢出隐藏

app评论区效果 三行溢出隐藏

html代码 多写点字符达到换行效果
<div class="text">
        <p>
            文字文字文字文字文字文字文字文字文字
            文字文字文字文字文字文字文字文字文字文
            字文字文字文字文字文字文字文字文字文
            字文字文字文字文字文字文字文字文字文字文字文字
        </p>
    </div>代码片

.text{
            width: 100px;
            background: #999999;
        /*    限制文本显示的行数*/
            -webkit-line-clamp: 3;
        /*    溢出的部分隐藏*/
            overflow: hidden;
        /*    溢出的部分以...显示*/
            text-overflow: ellipsis;
        /*    将容器设置成弹性和盒模型*/
            display: -webkit-box;
        /*    设置伸缩盒子的排列方式为纵向*/
            -webkit-box-orient: vertical;
        }

      	  -webkit-line-clamp: 3
        /*    限制文本显示的行数*/
         
            -webkit-line-clamp: 3;
    /*    溢出的部分隐藏*/
    

		 overflow: hidden;
    /*    溢出的部分以...显示*/
    三兄弟 一个不能少

效果图如下：

来源：CSDN

作者：阿姆斯特朗回旋加速喷气式阿姆斯特朗炮n

链接：https://blog.csdn.net/qq_42812107/article/details/103605132