国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

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

2020-10-23 18:40:25
字體：大 中 小
供稿：網(wǎng)友
最近做了個oblog的系統(tǒng)模板，其中涉及到了ul，所以就整理出了這篇文章+這張大圖。
　　ul是一個很常用的標(biāo)簽，但是因?yàn)樗贔irefox和IE下的不同表現(xiàn)，讓人覺得它是個很難以控制的標(biāo)簽。
　　ul在Firefox下有個padding值， 卻沒有margin值；而在IE下正好相反，ul有個margin值， 卻沒有padding值。【下圖中的第二第三例的對照可以看出】
　　在Firefox下，ul的list-style默認(rèn)是處于內(nèi)容的外邊緣的。當(dāng)然可以通過css可以將list-style置為內(nèi)容的內(nèi)邊緣。
　　通過權(quán)衡得到適合兩個瀏覽器的設(shè)置：padding:0; margin:0; list-style:inside;。還可以將ul設(shè)置為padding:0; margin:0; list-style:none;，然后給li添加背景圖片，也是很不錯的選擇。

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

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 全南县| 望城县| 新沂市| 盐池县| 昌宁县| 会理县| 安乡县| 鄂托克前旗| 永胜县| 莎车县| 红桥区| 买车| 视频| 钟祥市| 抚远县| 祁东县| 中阳县| 安仁县| 元谋县| 汽车| 资溪县| 沈阳市| 油尖旺区| 两当县| 新昌县| 贵阳市| 黔江区| 宁远县| 沂水县| 榆树市| 梨树县| 古浪县| 新泰市| 霍林郭勒市| 商水县| 湘阴县| 遂溪县| 荆门市| 长乐市| 集贤县| 泰顺县|