HTML – 边缘自动噩梦

概述我尝试了各种各样的方式,但对于我的生活,我无法理解为什么导航菜单不会居中.我尝试过text-align,margin-auto,block display ……在父母和孩子身上.我敢肯定这是简单的事情,但这开始导致脱发. 该演示是available here： 如果你想看一些代码,这里是HTML： <div id="navigation" class="col-full"><ul id="ma 我尝试了各种各样的方式,但对于我的生活,我无法理解为什么导航菜单不会居中.我尝试过text-align,margin-auto,block display ……在父母和孩子身上.我敢肯定这是简单的事情,但这开始导致脱发.

该演示是available here：

如果你想看一些代码,这里是HTML：

<div ID="navigation" ><ul ID="main-nav" >  <li ID="menu-item-266" ><a href="http://prevIEws.tinygiantstudios.co.uk/">Home</a></li>  <li ID="menu-item-29" ><a href="http://prevIEws.tinygiantstudios.co.uk/about-us/">About Us</a></li>  <li ID="menu-item-38" ><a href="http://prevIEws.tinygiantstudios.co.uk/news/">News</a></li>  <li ID="menu-item-28" ><a href="http://prevIEws.tinygiantstudios.co.uk/contact/">Contact</a></li></ul>   </div><!-- /#navigation -->

和CSS

#navigation {  margin-bottom: 0px;  background-color: #131313;  border-top: 0px solID #DBDBDB;  border-bottom: 0px solID #DBDBDB;  border-left: 0px solID #DBDBDB;  border-right: 0px solID #DBDBDB;  border-radius: 0px;  -moz-border-radius: 0px;  -webkit-border-radius: 0px;  Font: 14px/14px sans-serif;  padding: 10px 0;}.nav {  z-index: 99;  margin: 0;  padding: 0;  List-style: none;  line-height: 1;  margin-left: 10px;}.fl {  float: left;}.nav li {  float: left;  wIDth: auto;}

有谁能告诉我我错过了什么？

谢谢,

解决方法 将此代码添加到CSS：

.nav {  text-align: center;  wIDth: 100%;}.nav li {  float: none;  display: inline-block;  /* ie7 should be pleased */  zoom: 1;  *display: inline;}

它不适用于旧版本的IE(内联块),但会是什么？

总结

以上是内存溢出为你收集整理的HTML – 边缘自动噩梦全部内容，希望文章能够帮你解决HTML – 边缘自动噩梦所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。