记录

20 阅读1分钟

flex下overflow/text-ellipsis有关属性不生效

2025.10.26 在 Flex 布局中,子元素的默认 min-width 是 auto,意味着它会根据内容宽度确定最小值,导致内容不会被压缩,从而失去省略的机会

解决:设置min-width 在 Flex 布局中,当内部文字的省略不生效时,优先检查文字外层的容器 是否设置了 min-width: 0。大多数情况下,只需在容器层加上这一行,就能解决问题。 同样的原理,height:0可以解决flex元素高度不一致的问题