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

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

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

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

解决方法

给父级设置最小宽度即可

min-width:0;

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

applek管理员

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

本月创作热力图

最新评论
小超
小超
7月9日
下个版本考虑将下载地址加密(防止采集)
Lvtu
Lvtu
7月4日
qiang厉害
评论于留言建议
chinacnd
chinacnd
6月26日
这个主题是怎么做到加载速度那么快的?
风起云涌
风起云涌
6月17日
前台投稿现在有点太抽象了 希望可以弄成那种分区填写的 标题,内容,图片,目录,标签,这样的
评论于留言建议