关于 min-width 和 ellipsis()

Question

因为用了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 就可以了
是这样吧老师？

Answer 1

Dell 2020-04-01 00:43:33

是的哦

• 海绵爱上星 #1

  但是min-width的默认值不是0么，请问为什么要显式的写出来呢

• Dell 回复 海绵爱上星 #2

  当时我写的样式不够规范，这块得用个 0 做个 hack