在CSS菜单中居中显示子菜单,可以使用以下步骤:
以下是一个示例代码:
HTML代码:
<div class="menu">
<ul>
<li>菜单项1
<ul class="submenu">
<li>子菜单项1</li>
<li>子菜单项2</li>
<li>子菜单项3</li>
</ul>
</li>
<li>菜单项2</li>
<li>菜单项3</li>
</ul>
</div>
CSS代码:
.menu {
position: relative;
}
.submenu {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 9999;
}
这样,子菜单就会在父菜单中居中显示。你可以根据实际情况调整样式和位置。
领取专属 10元无门槛券
手把手带您无忧上云