我想将菜单居中而不将子菜单居中,这是我的代码:
<ul class="drop_menu">
<li><a href="#">Home</a></li>
<li><a href="#">hhh</a>
<ul class="sub_drop_menu">
<li><a href="#">Home</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Home</a></li>
</ul>
</li>
</ul>
这是我正在使用的CSS:
.drop_menu {
list-style-type:none;
height:30px;
}
.drop_menu > li {
float:left;
font-weight: bold;
font-size: 16px;
}
ul.drop_menu > li {
text-align: center;
}
将此CSS添加到您的代码中,希望它能正常工作
.sub_drop_menu li {
text-align: left;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句