導航首頁 ? 技術(shù)教程 ? ul在Firefox和IE下的不同表現(xiàn)的解決方法
    全站頭部文字 我要出現(xiàn)在這里
    ul在Firefox和IE下的不同表現(xiàn)的解決方法 550 2024-10-23   

    最近做了個oblog的系統(tǒng)模板,其中涉及到了ul,所以就整理出了這篇文章+這張大圖。
      ul是一個很常用的標簽,但是因為它在Firefox和IE下的不同表現(xiàn),讓人覺得它是個很難以控制的標簽。
      ul在Firefox下有個padding值, 卻沒有margin值;而在IE下正好相反,ul有個margin值, 卻沒有padding值。【下圖中的第二第三例的對照可以看出】
      在Firefox下,ul的list-style默認是處于內(nèi)容的外邊緣的。當然可以通過css可以將list-style置為內(nèi)容的內(nèi)邊緣。
      通過權(quán)衡得到適合兩個瀏覽器的設置:padding:0; margin:0; list-style:inside;。還可以將ul設置為padding:0; margin:0; list-style:none;,然后給li添加背景圖片,也是很不錯的選擇。
    這是第一句話。 這是第二句話。 這是第三句話。 這是第四句話。 這是第五句話。
    [Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
    查看圖片


    ?。?!站長長期在線接?。?!

    網(wǎng)站、小程序:定制開發(fā)/二次開發(fā)/仿制開發(fā)等

    各種疑難雜癥解決/定制接口/定制采集等

    站長微信:lxwl520520

    站長QQ:1737366103