以容器为中心的水平导航

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了以容器为中心的水平导航相关的知识，希望对你有一定的参考价值。

A *ul* or *ol* list centered in the container.
  1. <!-- The html -->
  2. <div class="w">
  3.     <ul>
  4.         <li>Elemento 1</li>
  5.         <li>Elemento 2</li>
  6.         <li>Elemento 2</li>
  7.     </ul>
  8. </div>
  9.  
  10. <!-- The CSS -->
  11. <style type="text/css">
  12. .w { overflow:hidden; }
  13. ul { float:left; left:50%; position:relative; }
  14. li { float:left; right:50%; position:relative; }
  15. </style>

以上是关于以容器为中心的水平导航的主要内容，如果未能解决你的问题，请参考以下文章