flex 弹性布局 设置每行高度根据内容,自动撑高

发布时间 2023-09-11 16:14:21作者: 小小菜鸟04

在使用 Flex 弹性布局中,设置每行高度根据内容自动撑高的方法是通过设置`align-items`属性为`stretch`。这样,每行的高度就会根据内容自动撑高。

具体的代码如下:

```css
.container {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
```

在上述代码中,`.container`是包含Flex项目的父容器。通过设置`align-items: stretch;`,每行的项目将会根据内容自动撑高,实现高度随内容自适应的效果。

需要注意的是,如果项目的高度固定,而不希望随内容自动撑高,可以针对特定的项目使用`align-self`属性进行个别调整。