主頁 > 知識庫 > ul在Firefox和IE下的不同表現(xiàn)的解決方法

ul在Firefox和IE下的不同表現(xiàn)的解決方法

熱門標簽:檢查注冊表項 呼叫中心市場需求 智能手機 服務器配置 銀行業(yè)務 鐵路電話系統(tǒng) 美圖手機 網(wǎng)站文章發(fā)布
最近做了個oblog的系統(tǒng)模板,其中涉及到了ul,所以就整理出了這篇文章+這張大圖。
  ul是一個很常用的標簽,但是因為它在Firefox和IE下的不同表現(xiàn),讓人覺得它是個很難以控制的標簽。
  ul在Firefox下有個padding值, 卻沒有margin值;而在IE下正好相反,ul有個margin值, 卻沒有padding值?!鞠聢D中的第二第三例的對照可以看出】
  在Firefox下,ul的list-style默認是處于內(nèi)容的外邊緣的。當然可以通過css可以將list-style置為內(nèi)容的內(nèi)邊緣。
  通過權衡得到適合兩個瀏覽器的設置:padding:0; margin:0; list-style:inside;。還可以將ul設置為padding:0; margin:0; list-style:none;,然后給li添加背景圖片,也是很不錯的選擇。

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]

標簽:長治 紅河 沈陽 上海 滄州 河南 樂山 新疆

巨人網(wǎng)絡通訊聲明:本文標題《ul在Firefox和IE下的不同表現(xiàn)的解決方法》,本文關鍵詞  ;如發(fā)現(xiàn)本文內(nèi)容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡,涉及言論、版權與本站無關。
  • 相關文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話咨詢

    • 400-1100-266