react antd的form.item超长label在指定位置换行

官网上使用labelWrap,但是不能在指定位置
image.png

<Form.Item labelAlign="right" label="报名时是否已是会员"></Form.Item>
阅读 9.7k
2 个回答

把width设置成要换行的位置的长度

<Form
     layout="horizontal"
     labelCol={{ style: {width:80,whiteSpace:'normal',textAlign:'right'}}}
>
    <Form.Item label="我的换行我的换行我的换行我的换行">
     </Form.Item>
</Form> 

看文档说label可以是ReactNode,如果可以的话好办,但是测试不行。那么另辟蹊径可以在前面补空字符串&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;报名时是否已是会员

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题