2019-9-20 seo達(dá)人
問題描述：
做抽屜式菜單時候，在 ie 7 下發(fā)現(xiàn) li 元素之間會留白，如下圖：
原以為是樣式的問題，后來看到有博文寫到“行框的排列會受到中間空白（回車\空格）等的影響，因為空格也屬于字符，這些空白也會被應(yīng)用樣式，占據(jù)空間，所以會有間隔”。
解決辦法：
li 標(biāo)簽之間的空白，可以通過設(shè)置 li 標(biāo)簽的 font-size 為 0，可以解決：
li{
padding:0;
margin:0;
height: 30px;
line-height: 30px;
font-size: 0; / 設(shè)置 font-size 為 0 即可 /
}
修改后的效果如圖：
藍(lán)藍(lán)設(shè)計( m.longkoushi.net )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)。
藍(lán)藍(lán)設(shè)計的小編 http://m.longkoushi.net