关于 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

是的哦

3
2
Dell
回复
海绵爱上星
当时我写的样式不够规范,这块得用个 0 做个 hack
2022-06-12
共2条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代,企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

查看课程