8.ProForm 遇到表单的label ,文案可能过长

前端加油站

已于 2022-11-24 18:24:19 修改

阅读量448

点赞数

分类专栏： AntDesignPro踩坑文章标签： react ant design

于 2022-11-24 18:01:37 首次发布

本文链接：https://blog.csdn.net/Gas_station/article/details/128023683

版权

11 篇文章 1 订阅

订阅专栏

本文介绍了如何解决表单控件左对齐导致的不整齐问题，通过配置ProForm组件的`labelCol`、`labelAlign`和`labelWrap`属性，可以轻松实现右对齐的布局，提升表单美观度。只需添加相应的代码，即可完成调整，让表单看起来更加专业。

摘要由CSDN通过智能技术生成

一、问题的描述

表单控件中，希望布局可以更美化一些，目前是左对齐，导致右边的控件不整齐的效果
在这里插入图片描述

在这里插入图片描述

翻看文档，配置label相关属性。

配置以下代码即可右对齐，nice~

 <ProForm
      formRef={formRef}
      labelCol={{ flex: '185px' }}
      labelAlign="right"
      labelWrap
      wrapperCol={{ flex: 1 }}
  />

OK，收工！如果可以实现记得点赞分享，谢谢老铁～

前端加油站

关注

专栏目录