现象:当我们在开发的时候使用overflow: hidden 属性发现元素不生效,此时可能的原因就是父级 或祖先级设置了 display:flex;
解决方案:给对应的子元素设置 width:0, 也有设置 flex:none ;(不让子元素自动压缩)
代码如下(使用的是width;0)
代码如下:
.body-info{
display:flxe;
...其他样式
p{
flex:6;
width:0;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
}

5221

被折叠的 条评论
为什么被折叠?



