不同浏览器的margin值与padding值

最新推荐文章于 2020-07-06 12:06:15 发布

转载最新推荐文章于 2020-07-06 12:06:15 发布 · 373 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/qiye2016/p/5591894.html

本文详细介绍了不同浏览器（包括IE-7/8/9、WebKit及Opera）中具有默认外边距（margin）和内边距（padding）样式的HTML元素。这对于网页布局和样式标准化非常有用。

IE-7：

    有默认外边距margin样式的元素：
    dd，menu, ol, ul, blockquote, body, dd, dl, form, h1-6, ul

    有默认内边距padding样式的元素：
    th, td, textarea, input, fieldset, caption, 

IE-8：

    有默认外边距margin样式的元素：
    dd, menu, ol, ul,  blockquote, body, dd, dl,fieldset, h1-6, hr, p, pre,

    有默认内边距padding样式的元素：
    ul, th, textarea, td, ol, menu, legend, input, fieldset, button, [dir=rtl] ul, [dir=rtl] ol, [dir=rtl] menu
    
IE-9：

    有默认外边距margin样式的元素(与IE-8的默认样式一样)：
    dd, menu, ol, ul, blockquote, body, dd, dl, fieldset, h1-6, hr, p, pre, 

    有默认内边距padding样式的元素：
    ul, th, textarea, td, ol, menu, legend, input, fieldset, button, [dir=rtl] ul, [dir=rtl] ol, [dir=rtl] menu
    
    webkit:(ol ul, ul ol, ul ul, ol ol{margin-top:0;margin-bottom:0;}),

    有默认外边距margin样式的元素：
    body, p, blockquote, hr, h1-6, ul, ol, menu, dir, dd(margin-start), dl, form, fieldset, input, textarea, keygen, select, button, isindex, datagrid, pre, xmp, plaintext, listing,

    有默认内边距padding样式的元素：
    input, textarea, fieldset, legend
    
opera：

    有默认外边距margin样式的元素：
    body, blockquote, dd, dl, fieldset, h1-6, hr, menu, p, pre, ul

    有默认内边距padding样式的元素：
    ul, th, td, textarea, select, ol, menu, legend, keygen, input, fieldset, button, address,

转载于:https://www.cnblogs.com/qiye2016/p/5591894.html