国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板： 临夏市| 云霄县| 儋州市| 巴林右旗| 临城县| 出国| 湘阴县| 赤城县| 敦化市| 平顺县| 永善县| 宜章县| 娄底市| 高州市| 中山市| 凤凰县| 全州县| 富顺县| 福鼎市| 奉节县| 文山县| 江西省| 云南省| 融水| 四平市| 上虞市| 宜宾市| 宕昌县| 循化| 永泰县| 赤水市| 民和| 平乡县| 碌曲县| 黄浦区| 高阳县| 积石山| 伊川县| 白玉县| 马公市| 宣威市|