antdv form 窗口缩小时,怎么防止表单元素调到下一行
时间: 2024-03-17 18:41:58 浏览: 76
您可以在使用antdv的form组件时,给form组件添加一个响应式的className,然后在CSS中添加以下样式代码:
```
.my-form {
display: flex; /*使用flex布局*/
flex-wrap: wrap; /*自动换行*/
align-items: center; /*垂直居中*/
}
.my-form .ant-form-item {
flex: 1; /*平均分配每个表单项所占据的空间*/
margin-right: 16px; /*表单项之间的间隔*/
}
```
这样,当窗口缩小时,表单元素会自动换行,但不会跑到下一行。
阅读全文