多瀏覽器下IE6 IE7 firefox li 間距問題第1/2頁
更新時間：2007年11月16日 20:49:42 作者：
今天小雷提到一個ie5下li產(chǎn)生空白行距的問題，下面來測試一下。
新建一個簡單的HTML測試文件，下面來測試ul li標(biāo)簽。
<ul>
<li><a href="#">菜單一</a></li>
<li><a href="#">菜單一</a></li>
<li><a href="#">菜單一</a></li>
<li><a href="#">菜單一</a></li>
<li><a href="#">菜單一</a></li>
<li><a href="#">菜單一</a></li>
</ul>
測試一，定義css為如下代碼，效果如下：
body{font-size:12px;margin:0}
ul{list-style:none;margin:0;padding:0;width:120px;}
ul li{background:green;height:20px;}
ul li a{color:#fff;padding:0 0 0 10px;}
發(fā)現(xiàn)在IE5和IE5.5下左邊都產(chǎn)生了空白，并且在IE5下，LI之間的行距產(chǎn)生空白,如下圖
新建一個簡單的HTML測試文件，下面來測試ul li標(biāo)簽。
復(fù)制代碼 代碼如下:
<ul>
<li><a href="#">菜單一</a></li>
<li><a href="#">菜單一</a></li>
<li><a href="#">菜單一</a></li>
<li><a href="#">菜單一</a></li>
<li><a href="#">菜單一</a></li>
<li><a href="#">菜單一</a></li>
</ul>
測試一，定義css為如下代碼，效果如下：
body{font-size:12px;margin:0}
ul{list-style:none;margin:0;padding:0;width:120px;}
ul li{background:green;height:20px;}
ul li a{color:#fff;padding:0 0 0 10px;}
發(fā)現(xiàn)在IE5和IE5.5下左邊都產(chǎn)生了空白，并且在IE5下，LI之間的行距產(chǎn)生空白,如下圖
相關(guān)文章
關(guān)于td的height和line-height兼容問題
寫頁面的時候，遇到處理數(shù)據(jù)的時候還是要用TABLE的，但是有的時候顯示出來table, ie和ff的高不同。2008-04-04
我們都熟知JavaScript可能會對Web頁面的加載與顯示產(chǎn)生較大的影響，因此我們常常關(guān)注JavaScript是不是會占用客戶端較多的資源，然而大部分都會忽略的一件有趣的事情，CSS也會對Web頁面載入的效率產(chǎn)生影響。2008-05-05
很早以前的關(guān)于表格的高級使用技巧，建議學(xué)習(xí)，并不是一定都要用div+css布局的，很適合現(xiàn)在2008-05-05
css創(chuàng)意ul+li實現(xiàn)的細線表格實現(xiàn)代碼
非常用創(chuàng)意的用ul+li實現(xiàn)的細線表格效果，不用table2008-08-08
xhtml+css頁面制作過程中問題的解決方案，說是解決方案應(yīng)該有點過了，充其量只不過是給剛剛開始學(xué)標(biāo)準(zhǔn)頁面制作的朋友們的一些小建議，如果講得不對的地方請多多包涵，當(dāng)然也可以提出你們更好的方法，大家相互學(xué)習(xí)交流，共同成長！2008-10-10
css利用A標(biāo)簽的背景可能作出很有意思的效果...2007-12-12
這篇文章主要介紹了關(guān)于《精通css》之幾個不錯的注意事項,需要的朋友可以參考下2007-03-03
HTML只是賦予內(nèi)容的手段，大部分HTML標(biāo)簽都有其意義（標(biāo)簽p創(chuàng)建段落，h1標(biāo)簽創(chuàng)建標(biāo)題等等）的，然而span和div標(biāo)簽似乎沒有任何內(nèi)容上的意義，聽起來就像一個泡沫做成的錘子一樣無用。但實際上，與CSS結(jié)合起來后，它們被用得十分廣泛。2008-05-05
HTML/XHTML模板...2007-01-01
如何解決下拉菜單被flash覆蓋的問題...2007-01-01