margin和padding的区别

http://blog.163.com/email_wangyong/blog/static/126152455200972431013536/ 

目前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的距离

 

http://blog.csdn.net/xsl1990/article/details/17680461

1、对于几个概念的比较模糊的这里记录一些： 
padding margin都是边距的含义，关键问题得明白是什么相对什么的边距． 
padding是控件的内容相对控件的边缘的边距． 
margin是控件边缘相对父空间的边距． 


 



android:gravity　属性是对该view 内容的限定．好比一个button 上面的text. 你能够设置该text 在view的靠左，靠右等位置．该属性就干了这个． 
android:layout_gravity是用来设置该view中的子view相对于父view的位置．好比一个button 在linearlayout里，你想把该button放在靠左，靠右等位置就能够在linearlayout中经过该属性设置． 

下面例子说明: 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:paddingLeft="10dip"
    android:paddingRight="10dip"
    android:paddingTop="10dip"
    android:paddingBottom="10dip"
    >
<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="#FF0000"
    android:text="@string/hello"
    android:paddingLeft="50dip"
    android:paddingRight="50dip"
    android:paddingTop="50dip"
    android:paddingBottom="50dip"
    android:layout_marginBottom="10dip"
    />
    <TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="#FF0000"
    android:text="@string/hello"
    android:paddingLeft="50dip"
    android:paddingRight="50dip"
    android:paddingTop="50dip"
    android:paddingBottom="50dip"
    android:layout_marginBottom="10dip"
    />
    <TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="#FF0000"
    android:text="@string/hello"
    android:paddingLeft="50dip"
    android:paddingRight="50dip"
    android:paddingTop="50dip"
    android:paddingBottom="50dip"
    android:layout_marginBottom="10dip"
    />
    <TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="#FF0000"
    android:text="@string/hello"
    android:paddingLeft="50dip"
    android:paddingRight="50dip"
    android:paddingTop="50dip"
    android:paddingBottom="50dip"
    android:layout_marginBottom="10dip"
    />
</LinearLayout>

那么我会获得以下的效果，图上已经很明确的标出来区别咯