设置了显示2行和超出不显示 ,第二行出现了省略号,第三行还是显示了

设置了显示2行和超出不显示 ,第二行出现了省略号,第三行还是显示了

相关截图:

图片描述

相关代码:

.xxsw ul li p {
    height: 44px;
    font-size: 14px;
    color: #1c1f21;
    line-height: 22px;
    padding: 20px 15px;
    background-color: #fff;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal !important;
    word-wrap: break-word;
}

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,猜测是由于超出的内容默认会显示在元素的padding区域,导致效果不对,建议修改:换成margin调整间距试试,如下:

https://img1.sycdn.imooc.com//climg/61af257d0972bcaf04980442.jpg

祝学习愉快~

  • 胡子白了 提问者 #1

    确实内容会显示在pandding区域是这个原因,总有踩不完的坑!

    2021-12-07 17:24:19
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师