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

一、问题的描述

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

二、正常的预期是什么?

在这里插入图片描述

三、问题产生的原因分析

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

四、问题的解决方案

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

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

OK,收工!如果可以实现记得点赞分享,谢谢老铁~


版权声明:本文为Gas_station原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。