亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > CSS > 正文

關于ol和ul的padding和margin默認值

2024-07-11 09:00:47
字體:
來源:轉載
供稿:網友

 ol, ul { padding-left:40px; }

而IE的默認樣式是:

ol, ul { margin-left:30pt; }

Opera 8或者以前的版本是否和IE一樣?有興趣的同志可以自行測試。

但這至少說明一點,除了微軟之外的瀏覽器廠商都達成一致意見,list的縮進應該使用padding來控制。其實這很好理解,縮進的是每一個item而不是整個的list。設計者對list有怎樣的期望呢?比如說設置了ul的background:green,多數人應會期待整個ul(即包括了padding的部分)都使用綠色背景色,而不會希望在list的左側缺失30pt(通常等于40px)。其次,marker部分(就是item之前的小圓點或者數字序號部分)是在li之外的,但從邏輯上說它屬于list的一部分,在list之內。而IE使用margin,實際上就導致了marker部分是懸于list之外。實際上,如果list獲得了layout(hasLayout),你就發現marker不見了!因為在IE臭名昭著的layout模型里,hasLayout之后,元素對象會自行處理其所占據區域的呈現,但是無法處理其區域之外。這也是其的width/height實際上類似min-width/min-height的原因,因為它無法繪制overflow到外面的部分。
 

CSS Code復制內容到剪貼板
  1. <style>   
  2. ol { background:green; }   
  3. ol#myList2 { zoom:1; }   
  4. </style>   
  5.   
  6. <ol id="myList1">   
  7.     <li>First item...</li>   
  8.     <li>Second item...</li>   
  9.     <li>Third item...</li>   
  10. </ol>   
  11.   
  12. <ol id="myList2">   
  13.     <li>First item...</li>   
  14.     <li>Second item...</li>   
  15.     <li>Third item...</li>   
  16. </ol>  


所以,比較好的方法就是給所有網頁統一list的margin和padding,比如:
ol, ul { margin-left:0; padding-left:40px; }

或者也可以只針對IE進行修復:

ol, ul { _margin-left:0; _padding-left:40px; }

下面是其他網友的補充:

UL標簽的padding與margin默認值 40px

UL標簽的padding與margin默認值

ul標簽在FF中默認只有padding值(即:padding-left:40px),而在IE中只默認有margin值(即:margin-left:40px),所以先定義 ul{margin:0;padding:0;}就能解決大部分問題。

一般都在總樣式規定一下:body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {padding:0;margin:0;}

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
欧洲精品在线视频| 久久在线观看视频| 国产在线高清精品| 国产专区欧美专区| 亚洲xxx自由成熟| 国产在线视频2019最新视频| 91在线免费视频| 久久综合免费视频影院| 色吧影院999| 一区二区日韩精品| 国产精品99一区| 亚洲xxxxx| 日韩经典一区二区三区| 91精品国产高清久久久久久91| 国产日韩欧美在线播放| www.国产精品一二区| 欧美精品在线免费观看| 精品久久久免费| 色先锋资源久久综合5566| 久久成人人人人精品欧| 91欧美激情另类亚洲| 国产成人精品久久| 国产精品久久久久免费a∨| 国产亚洲精品va在线观看| 亚洲国产婷婷香蕉久久久久久| 亚洲天堂av在线播放| 亚洲成人a级网| 日韩av在线网址| 欧美俄罗斯乱妇| 亚洲激情在线观看视频免费| 亚洲男人的天堂在线播放| 国产精品久久久久久久久免费| 91影院在线免费观看视频| 91精品久久久久久久久| 57pao成人永久免费视频| 亚洲xxx自由成熟| 日本久久久a级免费| 久久久女女女女999久久| 色哟哟入口国产精品| 久久久国产精品x99av| 97久久超碰福利国产精品…| 精品国产一区二区三区久久狼黑人| 一色桃子一区二区| 国产91对白在线播放| 久久av中文字幕| 国产男人精品视频| 最近2019中文字幕第三页视频| 激情成人在线视频| 欧美另类极品videosbestfree| 国产一区二区三区三区在线观看| 国产久一一精品| 高跟丝袜欧美一区| 中文字幕日韩av电影| 播播国产欧美激情| 97久久精品在线| 国产亚洲精品久久久久久777| 精品久久久久久久中文字幕| 精品视频在线播放免| 日韩有码视频在线| 性欧美视频videos6一9| 懂色av影视一区二区三区| 久久综合久中文字幕青草| 伦伦影院午夜日韩欧美限制| 久久综合九色九九| 91香蕉嫩草神马影院在线观看| 欧美国产第一页| 亚洲最大成人网色| 97精品在线观看| 日韩福利在线播放| xxxxx成人.com| 亚洲va欧美va在线观看| 国产主播在线一区| 91九色国产社区在线观看| 疯狂蹂躏欧美一区二区精品| 在线观看欧美日韩| 狠狠综合久久av一区二区小说| 久久久国产一区| 国产精品成人aaaaa网站| 久久久中文字幕| 日韩精品在线看| 亚洲美女免费精品视频在线观看| 国产v综合ⅴ日韩v欧美大片| 欧美高清视频在线播放| 秋霞成人午夜鲁丝一区二区三区| 热99精品里视频精品| 美女福利视频一区| 日韩亚洲在线观看| 欧美激情欧美狂野欧美精品| 成人午夜在线影院| 亚洲欧美中文日韩在线v日本| 亚洲欧美日韩国产中文专区| 成人黄色片网站| 亚洲在线免费观看| 91欧美精品成人综合在线观看| 日韩精品高清在线观看| 精品福利在线视频| 91国产精品视频在线| 国产成人97精品免费看片| 国产日韩欧美中文在线播放| 成人黄色在线观看| 97超碰色婷婷| 国产婷婷色综合av蜜臀av| 欧美一级黑人aaaaaaa做受| 久久久久久亚洲| 欧美成人精品三级在线观看| 国产午夜精品美女视频明星a级| 国产精品综合久久久| 欧美日韩国产精品一区二区三区四区| 久久精品一区中文字幕| 亚洲区一区二区| 成人午夜两性视频| 尤物九九久久国产精品的分类| 日本韩国欧美精品大片卡二| 亚洲va久久久噜噜噜久久天堂| 精品久久久久久久久久久久| 自拍偷拍免费精品| 国产精品揄拍一区二区| 久99九色视频在线观看| 国产激情综合五月久久| 久久精品一区中文字幕| 久久国产加勒比精品无码| 国产精品福利网站| 国内精品久久久久影院优| 亚洲人成网站999久久久综合| 中文字幕成人在线| 亚洲大尺度美女在线| 亚洲日本成人女熟在线观看| 91精品国产高清| 国产精品户外野外| 7777精品视频| 亚洲自拍偷拍色片视频| 日韩精品亚洲视频| 国产成人福利夜色影视| 97香蕉超级碰碰久久免费软件| 日韩免费观看视频| 国产不卡精品视男人的天堂| 日本精品视频在线观看| 国产亚洲精品久久久优势| 国产91色在线|| 中文字幕日韩在线观看| 日韩精品免费在线| 国产精品入口日韩视频大尺度| 久久久久久久亚洲精品| 日韩欧美亚洲一二三区| 国产精品一区二区三区久久久| 国产成人中文字幕| 久久视频国产精品免费视频在线| 中文字幕国内精品| 国产精品亚洲аv天堂网| 国内自拍欧美激情| 亚州av一区二区| 国产一区二区三区毛片| 日韩成人中文字幕| 国产日韩欧美一二三区| 亚洲视频欧洲视频| 在线亚洲男人天堂| 色老头一区二区三区在线观看| 亚洲男人天堂2019| 亚洲精品电影在线| 91久久嫩草影院一区二区| 欧美激情xxxxx| 青青精品视频播放| 久久精品中文字幕一区| 色悠久久久久综合先锋影音下载|