• 手机版

    扫码体验手机版

  • 微信公众号

    扫码关注公众号

国内首家协议开发

软芯音视解码保护平台

在线
客服

发布
需求

在线
聊天

天盟
APP

天盟APP下载

关注
微信

微信扫一扫访问
顶部

限制文本的高度,却依然阻挡不了文字想要逃离的心


绿色区域为padding,overflow都没有用
.cs-list-txt-3{
line-height:1.5;
height:4rem;
padding:0.5rem 0.4rem;
box-sizing:border-box;
font-size:0.58rem;
color:#fff;
text-align:left;
background-color:#888;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
}

免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。

版权声明:作者保留权利,不代表天盟立场。

使用道具 举报

全部参与1

因为你是padding:0.5rem 0.4rem;,所以文字是当不住的,至于overflow更是不行,overflow是超出隐藏,而padding是包含在内的。
你可以把下padding-bottom设置为0;
或者把padding换成margin

使用道具 举报

发新帖

发布任务需求已有1031289位用户正在使用天盟网服务

发布分类: *
任务预算: *
需求内容: *
手机号码: *
任务商家报价为
  • 预算价 :
  • 成交价 :
  • 完工期 :
  • 质保期 :

* 最终任务项目以服务商报价、双方协商为准!