2015-10-06 35 views
0

如何中心,李标签水平UL一个导航里面:内资产净值的CSS中心UL李

 <nav> 
      <ul> 
       <li> 
        <a href="" title=""></a> 
       </li> 
       <li> 
        <a href="" title=""></a> 
       </li> 
       <li> 
        <a href="" title=""></a> 
       </li> 
      </ul> 
     </nav> 

回答

1

中心怎么了?水平垂直?你想改变<li>方向吗?

这是一个codepen,可能是你想要的。

http://codepen.io/anon/pen/wKdgyd

+0

感谢我帮助我,但只是发现了一个解决方案,使他们的水平 –

+0

你应该告诉我们你做了什么,当有人有类似的问题哟你可以帮助他们。 – Paran0a

1

找到了解决办法

HTML:

<div class="main"> 
     <nav> 
      <ul> 
       <li> 
        <a href="" title=""></a> 
       </li> 
       <li> 
        <a href="" title=""></a> 
       </li> 
       <li> 
        <a href="" title=""></a> 
       </li> 
      </ul> 
     </nav> 
</div> 

而CSS:

.main nav { 
    width: auto; 
    height: 80px; 
    margin: 0 auto 0 auto; 
    display: block; 
} 
.main nav ul { 
    height: auto; 
    margin: 21px auto 0 auto; 
} 

.main nav ul li { 
    float: left; 
    margin: 19px 0 12px; 
    width: 33.3%; 
    text-align: center; 
}