当我们让一个div水平居中首先想到的肯定是margin:0 auto;是不是呢？如果这个div不定义width呢，你会发现margin:0 auth;失效了。

那么我们如何在不定义具体width的情况下，让这个模块居中呢？看如下代码(css3: fit-content)：

<div class="navbar center">
  <ul>
    <li><a href="/">首页</a></li>
    <li><a href="/">关于我们</a></li>
    <li><a href="/">产品展示</a></li>
    <li><a href="/">客户支持</a></li>
    <li><a href="/">联系我们</a></li>
  </ul>
</div>

li{float:left}

如此这个导航是不会居中的，当我们通过设置fit-content加上margin来做居中。

ul{
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  margin: auto;
}

目前这个属性只支持Chrome和Firefox浏览器。