美文网首页
解决父元素display:flex布局下的子元素宽度被压缩问题

解决父元素display:flex布局下的子元素宽度被压缩问题

作者: 十八岁的天空_b2de | 来源:发表于2020-05-20 10:01 被阅读0次

因为设置了display: flex; 导致block布局变成了flex布局, 所以在子元素宽度没有被撑破的情况下,子元素宽度是有效的,但是当子元素内容过多,此时宽度会比实际宽度小,所以如果想要在已经设置了flex布局的基础上,再进行子元素宽度的设置,可以应用下面的样式:(在该子元素上设置)

width: 120px;
flex-shrink: 0; /* 用数值来收缩比例 默认值为1 */

相关文章

网友评论

      本文标题:解决父元素display:flex布局下的子元素宽度被压缩问题

      本文链接:https://www.haomeiwen.com/subject/cohgohtx.html