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

2020-09-21  本文已影响0人  酷酷的凯先生

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

flex-shrink: 0;

哇哦好神奇,竟然可以了~~ 赶快试试吧

上一篇 下一篇

猜你喜欢

热点阅读