margin和padding的区别
2012-12-08 21:06
225 查看
目前web2.0已经越来被人们认可,因为喜欢搞web开发的人员不/得不硬着头皮去学习web2.0的标准,其中很重要的一条就是新的布局规则,div+css。以前基本上是用table布局的,这种传统的方式简单直观,但是这新的标准我学习起来时常找不到北。呵呵,就拿今天这个例子来说吧,很多朋友肯定也有我这种情况的,那我就从网上搜集一些例子出来,让个更多的人消除这种烦恼。
事例一:
css中padding和margin的区别
如上图,A,B两个方框,A代码padding,B代表margin,现在我们看A箭头与蓝色边框的距离,这就是padding叫做内边距,下面再来看看B外面的箭头与B之前的距离就是我们所说的margin的,叫做外间距,哈哈你现在应该明白了,什么是padding,什么是margin吧?
事例二:
看看css盒模型,下图!margin是 DIV与周边元素的距离padding是 DIV里边内容与这个DIV的距离
原文地址
事例一:
css中padding和margin的区别
margin 外边距 border 边框 padding 内边距 也就是说 设置margin 那么他所占据的空白地方会是在边框外面 设置padding 他所占据的空白地方是在边框里面,图解一下就更清楚了。 |
如上图,A,B两个方框,A代码padding,B代表margin,现在我们看A箭头与蓝色边框的距离,这就是padding叫做内边距,下面再来看看B外面的箭头与B之前的距离就是我们所说的margin的,叫做外间距,哈哈你现在应该明白了,什么是padding,什么是margin吧?
事例二:
看看css盒模型,下图!margin是 DIV与周边元素的距离padding是 DIV里边内容与这个DIV的距离
原文地址
相关文章推荐
- margin和padding的区别
- margin和padding的区别
- 边框(border)边距(margin)和间隙(padding)属性的区别
- padding和margin的区别及其属性
- android:padding和android:margin的区别
- Android中margin和padding的区别
- margin, padding,border之间的区别
- CSS中margin和padding的区别
- CSS中Class与ID的区别,Margin与Padding的区别
- 边框(border)边距(margin)和间隙(padding)属性的区别
- padding和margin区别
- Android android:paddingLeft与android:layout_marginLeft的区别
- android:padding和android:margin的区别
- (转)android:padding和android:margin的区别
- android layout_gravity 、gravity、layout_margin、padding 之间的区别
- android:padding和android:margin的区别
- padding/margin的区别
- CSS中Class与ID的区别,Margin与Padding的区别
- android:padding和android:layout_margin的区别
- Android 开发中Layout_Margin与padding的区别以及Layout_gravity与gravity的区别