我似乎无法让主导航栏居中对齐li元素。我只有在浏览器低于768px时才会遇到问题。我试过在#nav ul上显示:inline-block,然后文本对齐无效。这里是网站: Website居中导航ul li
,这里是有问题的CSS:
/* Main Navigation */
#topmenu {float: left; height: auto; text-align: center; margin: -10px auto -10px 10px; display: block; width: 96%;}
#nav {float: left; border-left: none; margin: 10px auto 0px; text-align: center; display: block; width: 100%;}
#nav li {float: left; margin-right: auto; border-right: none; width: auto;}
#nav li a:link, #nav li a:active, #nav li a:visited {display: block;text-decoration: none; line-height: 20px; outline: medium none; font-size: 19px; letter-spacing: -0.05em; float: left; padding: 6px 9px 8px; text-align: center; width: auto;}
span.descmenu {display: none;}
完美工作。我做的事情太复杂了。 –