html文字超过一行限制显示行数且超过部分显示省略号
博客专区 > 智粹 的博客 > 博客详情
html文字超过一行限制显示行数且超过部分显示省略号
智粹 发表于5个月前
html文字超过一行限制显示行数且超过部分显示省略号
  • 发表于 5个月前
  • 阅读 2
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 新注册用户 域名抢购1元起>>>   

##问题:## 我们在移动端做item选项的时候,会显示一个副标题显示的内容长度,如果超过两行就会使其显示省略号。当我们用html代码做这种效果的时候,可以添加一下css样式来显示此效果。 ##解决方案:##

.class{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
共有 人打赏支持
粉丝 2
博文 16
码字总数 5075
×
智粹
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: