昨天用ucweb看到了goos發(fā)的一篇帖子：誰(shuí)說(shuō)Float菜單不可以水平居中 ，進(jìn)去看了看，覺(jué)得方法有點(diǎn)繁瑣了，用到了負(fù)邊距，position:relativel; 和很少的一點(diǎn)hack。
我這里還有更簡(jiǎn)單的辦法，先展示：
運(yùn)行代碼框
其中最為關(guān)鍵的是這一句：
<!--[if lte IE 7]><style type="text/css">#navigation{display:inline;}</style><![endif]-->
為了照顧較低版本IE，這里使用了條件注釋，感覺(jué)在IE7以下中，display:inline;的作用就相當(dāng)于inline-block;。
根據(jù)上面代碼進(jìn)化而來(lái)的滑動(dòng)門(mén)導(dǎo)航：
運(yùn)行代碼框
其中，這兩句有必要說(shuō)明一下，以免被認(rèn)為是多余的：
#navigation li a{overflow:hidden;} /* 隱藏掉IE5.5、6多掉的那3px，不是3px bug哈！因?yàn)閔eight:30px;line-height:33px; 在IE5.5、6中高度就是33px了。 */
完工了，缺點(diǎn)就是，寫(xiě)那一行條件注釋，對(duì)于有xhtml潔癖的人來(lái)說(shuō)，就像眼里的沙子，想除掉，那就使用hack也無(wú)妨！呵呵！
在safari4，chorme，opera10，ie5.5、5、6、7,ff3中均暫未發(fā)現(xiàn)問(wèn)題。
經(jīng)典論壇交流 ：http://bbs.blueidea.com/thread-2962953-1-1.html
本文鏈接：http://www.95time.cn/tech/web/2009/7281.asp
出處：藍(lán)色理想
bluehearts
◎進(jìn)入論壇網(wǎng)頁(yè)制作 、WEB標(biāo)準(zhǔn)化 版塊參加討論，我還想發(fā)表評(píng)論 。
