通過css使ul li 橫向排列並居中的方法2 @ YinMengWu | css ul li橫向水平
通過css使ulli橫向排列並居中的第二種用法適合套用 jquery.mouseimage 這隻程式特效選單可做.menuli ulli選單 <head><title>有 float:left;的置中方式</title><styletype="text/css">.menu_centet{text-align:center;}.menu{margin:0;padding:0;display:inline-block; }.menuli{margin:0;padding:0;list-style:none;float:left;padding-left:5px;padding-right:5px;}.menu{*display:inline;}/*IE專屬一定要下在li結束之後*/</style></head><body><divclass="menu_centet"> <ulclass="menu"> <li><...
通過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>