首页 前端知识 ProForm 遇到表单的label ,文案可能过长,如何统一对齐呢?

ProForm 遇到表单的label ,文案可能过长,如何统一对齐呢?

2024-03-11 10:03:26 前端知识 前端哥 547 874 我要收藏

一、问题的描述

表单控件中,希望布局可以更美化一些,目前是左对齐,导致右边的控件不整齐的效果

 

 二、正常的预期是什么?

 

三、问题产生的原因分析

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

四、问题的解决方案

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

 <ProForm
      formRef={formRef}
      labelCol={{ flex: '185px' }}// 根据效果可以自己具体去控制大小
      labelAlign="right"
      labelWrap
      wrapperCol={{ flex: 1 }}
  />

转载请注明出处或者链接地址:https://www.qianduange.cn//article/3604.html
标签
react.js
评论
会员中心 联系我 留言建议 回顶部
复制成功!