在Ant Design中,如果希望子菜单的位置在屏幕顶部而不是底部,则可以在Menu组件中的style属性中添加以下样式代码:
style={{ marginTop: 'auto', marginBottom: 0 }}
完整的示例代码如下:
import React from 'react'; import ReactDOM from 'react-dom'; import { Menu } from 'antd'; import 'antd/dist/antd.css';
const { SubMenu } = Menu;
ReactDOM.render(
, document.getElementById('root') );在上述代码中,通过在Menu组件的style属性中添加marginTop和marginBottom样式,将子菜单的位置移动到屏幕顶部。