Form.Item的label文字很长时被遮挡 #3365

NutUI React 包名

@nutui/nutui-react

NutUI React 版本号

^3.0.18

平台

h5

重现链接

无

重现步骤

import { Button, Form, Input } from '@nutui/nutui-react';
import React from 'react';

const Demo1 = () => {
return (
<>
<Form
labelPosition="left"
footer={
<>

提交

</>
}
>
<Form.Item
align="center"
required
label="这是测试很长很长很长的一段文字"
name="username"
rules={[
{ max: 5, message: '字段A不能超过5个字' },
{ required: true, message: '请输入字段A' },
]}
>

</Form.Item>

</>
);
};

export default Demo1;

期望的结果是什么？

label太长，超出宽度后自动换行

实际的结果是什么？

label太长时没有自动换行，和placeholder重叠

环境信息

No response

其他补充信息

No response