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

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

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

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

解决方法

给父级设置最小宽度即可

min-width:0;

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

applek管理员

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

本月创作热力图

最新评论
kcui
kcui
5月15日
测试一下评论功能
fei8080@163.com
fei8080@163.com
4月30日
很好
Mr.C
Mr.C
4月12日
个人建议,下个版本考虑将下载地址加密(防止采集)
Felix
Felix
4月1日
你好我想请教一下,为什么我php和redis都安装了,还是连接不上,一直显示未安装,旧插件文件也清理了
Mike
Mike
4月1日
当前页跳转一个页面,然后回退上一页,顶部进度条会缓慢加载,并且加载不完
评论于留言建议