antd 中a-form-item 中标签label和组件设置为同一行

发布时间:2024年01月16日

? ? ? ? 默认的a-form-item是不在同一行的,如:

 <a-form-item label="一级大纲">
           <a-input v-decorator="['levelOne']" placeholder=""></a-input>
 </a-form-item>

如图:

如何设置为同一行呢,其实很简单:加入labelCol和wrapperCol,如下:

 <a-form-item label="一级大纲" :labelCol="{span: 4}" :wrapperCol="{span: 20}">
      <a-input v-decorator="['levelOne']" placeholder=""></a-input>
 </a-form-item>

这样就在同一行了。

文章来源:https://blog.csdn.net/reembarkation/article/details/135618084
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。