对于如下的 html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>menutest</title>
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css" />
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
</head>
<body>
<div id="app">
<el-menu class="el-menu" mode="horizontal">
<el-submenu index="4" style="float: right; margin-right: 200px">
<template slot="title"><i class="el-icon-menu"></i></template>
<el-menu-item index="4-1">
<i class="el-icon-setting"></i>
选项 1
</el-menu-item>
<el-submenu index="4-2">
<template slot="title">选项 2</template>
<el-menu-item index="4-2-1">选项 2.1</el-menu-item>
<el-menu-item index="4-2-2">选项 2.2</el-menu-item>
</el-submenu>
</el-submenu>
</el-menu>
</div>
<script>
new Vue({
el: "#app",
});
</script>
</body>
</html>
怎么设置 css 样式或者调整 el-menu 的样式, 让选项 2 的子菜单弹出的时候显示在上级菜单的左边(默认是右下角)? 我谷歌搜索了好久一直没找到解决方案.有没有了解帮忙提点下.
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.