我現(xiàn)在在寫一個(gè)導(dǎo)航欄，用ul水平平鋪，但是現(xiàn)在遇到了一個(gè)問題，就是要使我用float:left，那么在瀏覽器里放大頁面會(huì)發(fā)現(xiàn)導(dǎo)航欄會(huì)亂掉，要使用display: inline;和white-space: nowrap;可以實(shí)現(xiàn)水平平鋪，而且在瀏覽器中放大頁面不會(huì)亂，但問題來了，用display: inline;和white-space: nowrap;后，里面的文字無法垂直居中，我是將ul放在一個(gè)div里面了，div想要讓ul文字和圖片在div里面垂直居中，并且橫向排列（IE9無法垂直居中，Chrome就可以），這讓人很郁悶，而用float:left就可以垂直居中。
現(xiàn)在有沒有什么辦法，既可以讓ul里面的東西水平平鋪，垂直居中而且在瀏覽器里面方法后不亂的。
代碼如下：
HTML：


">









-->

導(dǎo)航欄1

導(dǎo)航欄1

導(dǎo)航欄1

導(dǎo)航欄1

導(dǎo)航欄1

導(dǎo)航欄1

CSS：
.container{height: auto;}
/**頂部菜單**/
.nav{ height:40px;background:url(../images/topbar_bg.gif) repeat-x; margin-top: 0px; padding-top: 0px;line-height: 40px;}
ul{list-style: none; white-space: nowrap;}
ul li{ margin: auto 20px; padding: 0; color: #BFBFBF;display: inline; height: 40px; }
.logo{}
.navleft{}
.navright{margin-right: }
a:link {color: #BFBFBF; text-decoration: none;} /* 未訪問的鏈接 */
a:visited {color: #BFBFBF;border: none;} /* 已訪問的鏈接 */
a:hover {color: #FFFFFF;border: none;} /* 當(dāng)有鼠標(biāo)懸停在鏈接上 */
a:active {color: #BFBFBF;border: none;} /* 被選擇的鏈接 */
.menu_right{margin-left: 80px;}
.menu_left{widows: 1px; height: 40px;}
.delimiter{background:url(../images/delimiter.png); margin: 0px; padding: 0px; width: 2px; height: 35px;}

回復(fù)討論(解決方案)

1、圖片位置用

調(diào)整。
2、字段位置用

調(diào)整。

謝謝2位，發(fā)現(xiàn)就是圖片的問題，我圖片的高度只有35像素。
我調(diào)整了圖片的位置，不過沒有用

用的是 ，但是還有一個(gè)問題，就是我現(xiàn)在突然發(fā)現(xiàn)我IE可以顯示那個(gè)豎線的圖片，但是Chrome怎么就顯示出不出來??？繼續(xù)求教

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com