是否可以在 Menu.Item 组件中应用自动换行？
示例不起作用：https : //codepen.io/tiagowippel/pen/LYEKYbb?editable=true&editors=001
<Menu.Item key="1">Option 1Option 1Option 1Option 1Option 1Option 1Option 1Option 1</Menu.Item>
Menu.Item 中的 Antd 自动换行
IT技术
css
reactjs
antd
2021-05-19 07:52:26
2个回答
您从 Ant 导入的默认 CSS 设置为截断。您需要更改 white-space 属性：
white-space: normal;
然后您可能会注意到换行的文本现在在 y 轴上溢出。您可以更改高度以适应可变高度的内容：
height: auto;
您可以为您的 设置一些样式Menu.Item：
<Menu.Item key="1" style={{whiteSpace: 'normal', height: 'auto'}}>Option 1Option 1Option 1Option 1Option 1Option 1Option 1Option 1</Menu.Item>