关于 min-width 和 ellipsis()
来源:7-7 Vue项目首页 - 热销推荐组件开发
Arafat
2020-03-29
因为用了flex布局,所以右边内容 item-info 是自动填充
但是父元素 item-info 没有设置 overflow:hidden
加上子元素并没有固定宽度,所以 ellipsis() 没有生效
此时父元素 item-info 加上 overflow:hidden
当 .item-title 和 .item-desc 的宽度超过父元素宽度,就会触发 overflow ,因此对他们使用的 ellipsis() 就生效了
因此不用 min-width: 0 ,只需要 item-info 给一个 overflow :hidden 就可以了
是这样吧老师?
写回答
1回答
-
Dell
2020-04-01
是的哦
322022-06-12
相似问题