flex 一行两个
时间: 2023-07-01 18:21:09 浏览: 120
flex写的两球运动
你可以使用 flex 布局中的 `flex-wrap` 属性来实现一行两个元素的效果。具体做法如下:
1. 将父元素的 `display` 属性设置为 `flex`,这样子元素就可以按照 flex 布局排列了。
2. 设置父元素的 `flex-wrap` 属性为 `wrap`,表示子元素换行排列。
3. 将子元素的宽度设置为固定值或百分比,并且设置 `flex-grow` 属性为 `0`,这样子元素就不会自动放大占满整行,而是按照宽度排列在一行上,一行最多放两个。
以下是示例代码:
```css
.parent {
display: flex;
flex-wrap: wrap;
}
.child {
width: 50%; /* 一行最多放两个,所以每个子元素的宽度为 50% */
flex-grow: 0; /* 禁止子元素自动放大 */
}
```
阅读全文