一些浏览器的margin值与padding值

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, 
时间: 2024-10-13 01:43:31

一些浏览器的margin值与padding值的相关文章

常用元素默认margin和padding值问题探讨

关于默认元素在不同浏览器中的margin值是多少的问题,今天做了一个探讨 复制代码 代码如下: // body的margin值 firefox 20.0 ----------------------- body的margin为: margin:8px 8px 8px 8px; Internet Explorer 6.0 ----------- body的margin为: margin:15px 10px 15px 10px; Internet Explorer 7.0 ----------- b

css reset 以及哪些元素有默认margin padding值

很多网站在css reset 的时候有如下做法: body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, label, dl, dt, dd,fieldset, img { margin: 0; padding: 0; border: 0; list-style: none; } 也许你有些许怀疑,上面列出的标签都有默认的 margin 和 padding 值么,是不是不管三七二十一, 就统统直接 margin:0 , padding:0  呢? 今

总结那些有默认margin,padding值的html标签

一.h1~h6标签:有默认margin(top,bottom且相同)值,没有默认padding值. 在chrome中:16,15,14,16,17,19; 在firefox中:16,15,14,16,17,20; 在safari中:16,15,14,16,17,19; 在opera中:16,15,14,14,17,21; 在maxthon中:16,14,14,15,16,18; 在IE6.0中:都是19: 在IE7.0中:都是19: 在IE8.0中:16,15,14,16,17,19; 二.dl

使用padding值控制控件的隐藏与显示

在学自定义控件下拉刷新这一案例,控制ListView头条目和尾条目的显示隐藏时,就是设置其padding值的正负控制其的显示与消失.这并不是什么很大的知识点.只是一个小技巧,这里给大家分享一下. 这一使用,是否有限制: 在我的案例中,我分别使用了TextView.ImageView和LinearLayout作为显示隐藏的对象,成功控制其显示与隐藏.对于所有的View子类是否都适用,后期了解后,再补充.案例中使用paddingTop控制向上的消失与显示,当然你也可以使用另外三个,控制不同方向的显示

解决chrome浏览器无法得到window.showModalDialog返回值的问题

父页面处理: function ProductList() {   var TypeID = window.document.getElementById("Type").value;   var returnvalues = window.showModalDialog('ProductList.aspx?Type=' + TypeID,'window','dialogWidth=700px;dialogHeight=680px');    if(returnvalues!=unde

用margin还是用padding?(3)—— 负margin实战

看过一篇文章是关于我知道你不知道的负Margin,里面对margin做了总结: 当margin四个值都为正数值的话,那么margin按照正常逻辑同周围元素产生边距.当元素margin的top和left是负值时会引起元素的向上或向左位置移动.而当元素margin的bottom和right是负值时会影响右边和下边相邻元素的参考线. 接下来就讲在实际开发中用到的几个比较常用的负margin实例: 1.bootstrap框架的栅格系统是一个亮点,它就用了负margin来完美的解决了container 和

<span>和<a>的margin上下和padding上下不起作用的原因和解决

使用到了<span>和<a>标签,发现在样式里面直接写margin-top.margin-bottom和padding-top.padding-bottom都不起作用,页面样式的东西懂得不多,搜索一番,发现是因为<span>和<a>都不是块级元素,所以这几个属性都无效. 解决办法:在样式 中加入display:block;即可解决问题. span的样式中,为保证文字水平和垂直居中,需要添加如下的属性: text-align:center;line-heigh

(C#)WPF:Margin属性和Padding属性的介绍

1.在进行界面设计时,Margin 和Padding都是对边距进行限制的,其区别在于“一个主外,一个主内”. Margin (边缘)是约束控件与容器控件的边距,设置值分别代表左上右下,使用 Margin="20" 同时指定四个值. Padding (衬垫)是约束控件内部输入边距的,只有部分控件有此属性. 2.Margin=“20”等同于Margin=“20,20,20,20”,意思是元素与边界的距离都为20,设置值分别代表“左上右下”:Padding亦然. 3.示例图展示 原文地址:h

用Margin还是用Padding

用margin还是用padding这个问题是每个学习CSS进阶时的必经之路. CSS边距属性定义元素周围的空间.通过使用单独的属性,可以对上.右.下.左的外边距进行设置.也可以使用简写的外边距属性同时改变所有的外边距.——W3School边界(margin):元素周围生成额外的空白区.“空白区”通常是指其他元素不能出现且父元素背景可见的区域.——CSS权威指南 padding称呼为内边距,其判断的依据即边框离内容正文的距离,而我喜欢CSS权威指南解释的“补白”(或者叫“留白”),因为他很形象.补