解决父元素display:flex布局下的子元素宽度无效问题

客官°小女子只卖身不卖艺 2022-12-20 11:25 534阅读 0赞

b5c6094cb278be0ba49435645c644aaa.png

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

(在该子元素上设置)

  1. width: 120px;
  2. flex-shrink: 0; // 子元素不进行收缩

发表评论

表情:
评论列表 (有 0 条评论,534人围观)

还没有评论,来说两句吧...

相关阅读