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

问题描述

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

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

问题出现的环境背景

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

解决方法

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

本文链接:https://my.lmcjl.com/post/8163.html

展开阅读全文

4 评论

留下您的评论.