HTML中二级下拉菜单只能是英文,变成中文就只能是竖排的,有法子改吗?
审查样式看看 。应该是样式影响了
得看代码,光看图不好调啊
F12能解决99%的问题
HTML中的二级下拉菜单可以包含中文,而且不必竖排。下面是一个例子,演示如何使用HTML和CSS创建一个包含中文的水平二级下拉菜单:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>二级下拉菜单示例</title>
<style>
/* 设置菜单样式 */
ul {
list-style: none;
padding: 0;
margin: 0;
}
li {
display: inline-block;
position: relative;
padding: 10px;
background-color: #eee;
cursor: pointer;
}
li:hover {
background-color: #ccc;
}
ul ul {
position: absolute;
top: 100%;
left: 0;
width: 200px;
display: none;
}
ul li:hover > ul {
display: block;
}
</style>
</head>
<body>
<!-- 创建菜单 -->
<ul>
<li>主菜单1
<ul>
<li>子菜单1</li>
<li>子菜单2</li>
<li>子菜单3</li>
</ul>
</li>
<li>主菜单2
<ul>
<li>子菜单4</li>
<li>子菜单5</li>
<li>子菜单6</li>
</ul>
</li>
<li>主菜单3
<ul>
<li>子菜单7</li>
<li>子菜单8</li>
<li>子菜单9</li>
</ul>
</li>
</ul>
</body>
</html>
在上述代码中,我们创建了一个包含三个主菜单的下拉菜单,每个主菜单都有三个子菜单。当用户将鼠标悬停在主菜单上时,将显示它的子菜单。注意到子菜单中包含了中文,而且菜单并没有竖排,而是水平排列的。
希望这个例子可以帮助您创建一个自己的中文二级下拉菜单。