Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/cassandra/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs ant子菜单无法更改为垂直_Reactjs_Antd - Fatal编程技术网

Reactjs ant子菜单无法更改为垂直

Reactjs ant子菜单无法更改为垂直,reactjs,antd,Reactjs,Antd,从 到 我想问一下如何创建这样的菜单(我的图像)。我已经阅读了有关此菜单的文档,当我更改垂直模式时,它只是下拉更改到正确位置。所有antd菜单标题都响应自定义CSS样式。简单地使文本或图标显示:块并且它们将显示在不同的行上。另外请注意,antd默认样式为菜单项指定固定的行高,因此您需要在CSS中“取消设置”该规则(行高:取消设置;),以实现多行菜单项 下面是一个代码笔来说明: 哪个附件?你还可以显示你写的代码吗?@JayCodist这是图像,类似于链接上的文档菜单。但当我尝试更改为仅垂直下拉


我想问一下如何创建这样的菜单(我的图像)。我已经阅读了有关此菜单的文档,当我更改垂直模式时,它只是下拉更改到正确位置。

所有antd菜单标题都响应自定义CSS样式。简单地使文本或图标
显示:块并且它们将显示在不同的行上。另外请注意,antd默认样式为菜单项指定固定的行高,因此您需要在CSS中“取消设置”该规则(
行高:取消设置;
),以实现多行菜单项

下面是一个代码笔来说明:

哪个附件?你还可以显示你写的代码吗?@JayCodist这是图像,类似于链接上的文档菜单。但当我尝试更改为仅垂直下拉菜单时。我想创建类似图像的菜单样式。所以,你基本上希望“信封”图标位于“导航一号”标题的顶部,而不是在它旁边?@JayCodist是的,我想要信封图标进入顶部导航一