flex布局下使用文字超出省略会造成外部容器被撑开的问题

问题描述

经常会遇到如此布局的文章列表页面设计，左侧图片固定大小，右侧按照浏览器宽度撑满剩余区域。

但在给文章标题增加文字超出省略时会遇到把外部容器撑开的情况。

问题出现的环境背景

在不增加文字超出隐藏时不会遇到撑开外部容器的问题，但是只要添加了文字超出隐藏的CSS样式，就会复现该问题。

解决方法

在这个位置加个min-width: 0;就好了