margin和padding的意义相信大家都很清楚,可是在具体应用中,到底应该使用哪一个,就比较难于判断了。 这篇文章 说得挺清楚的,在这里翻译一下,供参考。
何时应当使用margin
需要在border外侧添加空白时。
空白处不需要背景(色)时。
上下相连的两个盒子之间的空白,需要相互抵消时。如15px + 20px的margin,将得到20px的空白。
何时应当时用padding
需要在border内测添加空白时。
空白处需要背景(色)时。
上下相连的两个盒子之间的空白,希望等于两者之和时。如15px + 20px的padding,将得到35px的空白。
浏览器兼容性问题
在IE 5.x、IE6中,为float的盒子指定margin时,左侧margin可能会变成两倍的宽度。通过改用padding或指定盒子为display:inline可以解决。
- 大小: 27.3 KB
分享到:
相关推荐
Alignment、Margin 和 Padding 概述
这个一个CSS padding和margin的例子,对初学者很有帮助的哦~ .divcss3{border:1px solid #F00;width:400px;margin-left:15px; padding-left:35px;} .box2 { margin-left:10px; padding-left:15px; width:300px...
padding和margin区别 padding和margin区别 padding和margin区别padding和margin区别
什么时候该用padding而不是margin?你知道负margin吗?你知道负margin在实际工作中的用途吗?常见的浏览器下margin出现的bug有哪些?…… 写css,你少不了与margin打交道,而对于这个平时我们最常用的css属性我们...
HTML中padding和margin的区别,包括代码和详解,代码直接可用
css中padding、margin两个重要属性的详细介绍及举例说明
android_中_padding与margin
如何去掉DIV与DIV的空白,设置margin和padding为0及overflow:hidden可以做到,下面有个示例,感兴趣的朋友可以参考下
下面讲解 padding和margin常用的用法 一、padding 1、语法结构 (1)padding-left:10px; 左内边距 (2)padding-right:10px; 右内边距 (3)padding-top:10px; 上内边距 (4)padding-bottom:10px; 下内边距 (5)...
前端新手网页练习,内容关键词:H5,HTML5,CSS,技术关键词:div,margin,padding,用途:一个完整的页面代码,包含css样式,适合新手学习。html+css实现简单网页效果源码,尚且没有复杂的后台,给前端新手学习之用。
Class与ID区别 margin和padding区别 CSS学习笔记
1.需要在 border 外侧添加空白时 2.空白处不需要背景(色)时 3.上下相连的两个盒子之间的空白,需要相互抵消时,如 15px+20px 的 margi
创建接口时,最重要的部分之一就是间距( margin和padding )。 一致的单位对于Web应用程序的统一,平衡和节奏至关重要。 单位空间是为您的项目生成一致间距的基础,无论系统中可能需要多少变化。 Sass 3.3.x中内置...
有关默认元素在不同浏览器中的margin值是多少的问题,接下来与大家共同探讨下,希望下面提供的数值对你在浏览器兼容性测试时会有所帮助
CSS代码简化在工作中是非常有益的,也是必要的。在编写CSS代码时,经常会出现冗余的代码,为了提高代码的质量及文件压缩到最小,使代码具有可读性,不得不把CSS代码简化。
各浏览器padding、margin的差异
本文从语法结构、可能取的值、浏览器兼容问题等方面为大家介绍下padding和margin的异同点另附截图,有想学习的朋友可以参考下哈,希望对大家有所帮助
在《CSS Mastery》一书的第5章中,作者说IE和Opera使用margin-left来缩进列表,而Safari和Firefox使用padding-left。经过我的实际测试,发现Opera 9(我实测的是Opera 9.23)同FF和Safari一样,也是使用padding-left...