首页 新闻 会员 周边

ant desgin vue如何解决a-row和a-col屏幕缩小换行问题

0
[已关闭问题] 关闭于 2020-10-10 19:11

<template>
<div style="background:#ECECEC; padding:10px 10px 10px 10px">
<a-card :bordered="false" style="100%">
<a-form-model :model="form" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-form-model-item label="审核状态">
<a-select v-model="form.region" placeholder="所有">
<!-- <span>审核状态</span> -->
<a-select-option value="shanghai">
所有
</a-select-option>
<a-select-option value="beijing">
待审核
</a-select-option>
<a-select-option value="daishenhe">
审核中
</a-select-option>
<a-select-option value="jujue">
审核拒绝
</a-select-option>
<a-select-option value="tonguo">
审核通过
</a-select-option>
</a-select>
</a-form-model-item>
</a-form-model>
<a-config-provider :auto-insert-space-in-button="false">
<a-button type="primary">
按钮
</a-button>
</a-config-provider>
<a-config-provider :auto-insert-space-in-button="false">
<a-button type="primary" style="margin-left:10px;">
按钮
</a-button>
</a-config-provider>
</a-card>
</div>
</template>

我这个是卡片里面套了一个FormModel和两个按钮,屏幕缩小的时候会自动换行和错位,大佬们看看是啥问题

小白萝卜呀的主页 小白萝卜呀 | 初学一级 | 园豆:4
提问于:2020-10-05 08:27
< >
分享
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册