flex布局下,div设置overflow无效问题

flex布局汇总,如果子元素如果文字长度超出,并不会按预期“文字超出部分显示为用省略号代替”显示,文字超出部分会撑开容器显示。

已经给超出文字的div设置了如下css

overflow:hidden;
text-overflow: ellipsis;
white-space: nowrap;

解决方法

给父级设置最小宽度即可

min-width:0;

上一篇 CorePress Pro S 架构设计
下一篇 JavaScript实现网页截图导出方案
目录
applek

applek管理员

个人说明在个人中心里面设置

本月创作热力图

最新评论
mchsj
mchsj
3月20日
希望增加文章目录
评论于留言建议
吴彦祖
吴彦祖
3月14日
很期待优秀的主题作品qiang
xxx
xxx
3月14日
密码是多少
西风
西风
3月7日
暂时不需要也能跑
Kevin
Kevin
3月6日
请教,小网站,1000ip不到,小主机,2c4g,到底 redis 还是 macached 合适啊