1
我似乎無法讓我的UL中心在其DIV中。居中水平UL
<div id="sitenavdiv">
<ul id="sitenav">
<li class="about"><a href="#" title=""><img src="images/about-link.png" alt="about"></a></li>
<li class="portfolio"><a href="#" title=""><img src="images/portfolio-link.png" alt="portfolio"></a></li>
<li class="contact"><a href="#" title=""><img src="images/contact-link.png" alt="contact"></a></li>
</ul>
</div>
我有以下的CSS:
#sitenavdiv {padding-top: 30px; width: 620px; position: relative; float: left; text-align:center;}
ul#sitenav {width: 231; margin: 0 auto; display: inline;}
ul#sitenav li.about{width: 64px; height: 31px; display: block; float: left; overflow: hidden;}
ul#sitenav li.about a{width: 64px; height: 31px; display: block;}
ul#sitenav li.about a:hover{width: 64px; height: 31px; display: block; margin-top:-31px;}
ul#sitenav li.portfolio{width: 88px; height: 31px; display: block; float: left; overflow: hidden}
ul#sitenav li.portfolio a{width: 88px; height: 31px; display: block;}
ul#sitenav li.portfolio a:hover{width: 88px; height: 31px; display: block; margin-top:-31px;}
ul#sitenav li.contact{width: 79px; height: 31px; display: block; float: left; overflow: hidden}
ul#sitenav li.contact a{width: 79px; height: 31px; display: block;}
ul#sitenav li.contact a:hover{width: 79px; height: 31px; display: block; margin-top:-31px;}
我敢肯定,這是簡單的東西,但我似乎無法得到正確的組合。
刪除'顯示:inline',但沒有必要將它設置爲'block'。 UL默認爲塊級。 – 2011-04-13 20:40:34
如果沒有更早的規則更改該默認值,那麼這是真的。缺少'ul {display:inline; }'規則'ul#sitenav'規則可以刪除'display:block;'並且完成它。 – VoteyDisciple 2011-04-13 20:49:55