YinMengWu

通過css使ul li 橫向排列並居中的第二種用法
適合套用 jquery.mouseimage 這隻程式特效選單
可做 .menu li ul li 選單
  

 

＜head＞
＜title＞有 float:left;的置中方式＜/title＞
＜style type="text/css"＞
.menu_centet ｛text-align:center;｝
.menu ｛ margin:0; padding:0; display:inline-block;  ｝
.menu li ｛ margin:0; padding:0; list-style:none; float:left; padding-left:5px; padding-right:5px;｝
.menu ｛ *display:inline; ｝ /* IE 專屬 一定要下在li結束之後 */
＜/style＞
＜/head＞

＜body＞
＜div class="menu_centet"＞
    ＜ul class="menu"＞
        ＜li＞＜a href="#"＞Home＜/a＞＜/li＞
        ＜li＞＜a href="#"＞News＜/a＞＜/li＞
        ＜li＞＜a href="#"＞Store＜/a＞＜/li＞
        ＜li＞＜a href="#"＞Group＜/a＞＜/li＞
        ＜li＞＜a href="#"＞Community＜/a＞＜/li＞
        ＜li＞＜a href="#"＞Help＜/a＞＜/li＞
    ＜/ul＞
＜/div＞
＜/body＞