• 欢迎来到我的博客
  • [email protected]

记一次 css 文本溢出处理的坑

学习笔记 tianlan 6个月前 (04-13) 315次浏览 0个评论 扫描二维码
文章目录[隐藏]

溢出处理css

.overflow {
    width: 20px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

运用条件

上面那个 class 运用到的元素,必须设置了宽度。

但是 span 标签的 display 默认是 inline,设置宽高是无效的!

需要先将其 display 设置成 inline-block 才行。


天蓝, 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:记一次 css 文本溢出处理的坑
喜欢 (0)
[[email protected]]
分享 (0)

您必须 登录 才能发表评论!