flex纵向换行后宽度自适应
时间: 2023-08-02 19:33:57 浏览: 230
jquery.flexslider左右自适应宽度切换焦点图
当使用 Flexbox 进行纵向换行时,子元素的宽度可以通过 `flex-basis` 属性来控制。如果想让子元素宽度自适应其内容,可以将 `flex-basis` 设置为 `auto`。同时,为了让子元素在纵向换行时能够自适应宽度,需要给父元素设置 `flex-wrap: wrap`。例如:
```css
.parent {
display: flex;
flex-wrap: wrap;
}
.child {
flex-basis: auto;
}
```
这样就可以实现纵向换行后子元素宽度自适应的效果。
阅读全文