HTML li 標簽之間空白間隔的解決辦法

2019-9-20    seo達人

問題描述:

做抽屜式菜單時候,在 ie 7 下發(fā)現(xiàn) li 元素之間會留白,如下圖:







原以為是樣式的問題,后來看到有博文寫到“行框的排列會受到中間空白(回車\空格)等的影響,因為空格也屬于字符,這些空白也會被應用樣式,占據(jù)空間,所以會有間隔”。







解決辦法:

li 標簽之間的空白,可以通過設置 li 標簽的 font-size 為 0,可以解決:



li{

    padding:0;

    margin:0;

    height: 30px;

    line-height: 30px;

    font-size: 0;          / 設置 font-size 為 0 即可 /

}

修改后的效果如圖:



藍藍設計m.820esy.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務

分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://m.820esy.cn

存檔