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

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

<Form.Item labelAlign="right" label="报名时是否已是会员"></Form.Item>
阅读 10k
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;报名时是否已是会员

推荐问题