JZTXT
  • 首页
  • Ai
  • Java
  • Python
  • Android
  • Mysql
  • JavaScript
  • Html
  • CSS

ant-design 表单form label不换行

发布时间 2023-04-11 17:57:36作者: 幻影之舞
 <a-form :model="rightData" labelAlign="left">
    <a-form-item label="标识名">
    <a-input v-model:value="rightData.name" :placeholder="input" />
    </a-form-item>
</a-form>

CSS:

.ant-form-item{
    display: block;
}

达到效果:

 

    本栏目推荐文章
  • 【npm问题】执行npm i @ant-design/pro-cli -g报错npm ERR! code ENOTEMPTY
  • 可拖拽表单比传统表单好在哪里?
  • k8s集群Node节点管理:节点信息查看及节点label标签管理
  • 界面控件DevExpress VCL v23.2——复杂表单的性能增强
  • 使用的antd的pro-table时,遇到了两种引入方法---@ant-design/pro-components和@ant-design/pro-table的区别
  • 袋鼠云数栈UI5.0设计实战|B端表单这样设计,不仅美观还提效
  • JavaScript函数表单验证:保证用户输入的有效性
  • antd 使用不同的条件动态验证 Form.Item
  • Element Ui 的表单验证
  • 表单引擎设计的一些思考
版权声明:本网站为非赢利性站点,本网站所有内容均来源于互联网相关站点自动搜索采集信息,相关链接已经注明来源。
联系我们