Menu.Item 中的 Antd 自动换行

【问题标题】：Antd word-wrap in Menu.ItemMenu.Item 中的 Antd 自动换行
【发布时间】：2020-05-16 03:17:57
【问题描述】：

可以在 Menu.Item 组件中应用自动换行吗？

 <Menu.Item key="1">Option 1Option 1Option 1Option 1Option 1Option 1Option 1Option 1</Menu.Item>

【问题讨论】：

【解决方案1】：

您可以为您的Menu.Item 设置一些样式：

<Menu.Item key="1" style={{whiteSpace: 'normal', height: 'auto'}}>Option 1Option 1Option 1Option 1Option 1Option 1Option 1Option 1</Menu.Item>

【讨论】：

【解决方案2】：

您从 Ant 导入的默认 CSS 设置为截断。您需要更改 white-space 属性：

white-space: normal;

然后您可能会注意到包装的文本现在在 y 轴上溢出。您可以更改高度以适应可变高度的内容：

height: auto;

【讨论】：