margin和padding的区别
2013-08-09 17:36
274 查看
margin和padding的区别
目前web2.0已经越来被人们认可,因为喜欢搞web开发的人员不得不硬着头皮去学习web2.0的标准,其中很重要的一条就是新的布局规则,div+css。以前基本上是用table布局的,这种传统的方式简单直观,但是这新的标准我学习起来时常找不到北。呵呵,就拿今天这个例子来说吧,很多朋友肯定也有我这种情况的,那我就从网上搜集一些例子出来,让个更多的人消除这种烦恼。
事例一:
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的距离。
相关文章推荐
- android:padding和android:margin的区别
- CSS中margin和padding的区别
- 安卓:gravity和layout_gravity; padding和margin区别
- MARGIN 与padding区别
- css中Margin和padding属性的区别
- padding-top、margin-top和top的区别
- CSS中margin和padding的区别
- Margin、Border、Padding属性的区别和联系
- margin和padding的区别
- Css中的盒子结构padding和margin的区别
- CSS中margin和padding的区别
- android:paddingLeft与android:layout_marginLeft的区别
- android:padding和android:margin的区别
- android:padding和android:layout_margin的区别
- 边框(border)边距(margin)和间隙(padding)属性的区别
- android中padding和margin的区别
- 布局中的Padding与Margin的区别
- ndroid:paddingLeft与android:layout_marginLeft的区别
- Android中gravity与layout_gravity的区别--Padding 与 margin 区别
- padding,margin,border的区别