padding与margin的区别(网上转的)

一、对于几个概念的比较模糊的这里记录一些: 
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>

那么我会得到如下的效果,图上已经很明确的标出来区别咯

时间: 2024-08-26 18:14:29

padding与margin的区别(网上转的)的相关文章

Android 中padding和margin的区别

区别 padding是在控件内部的 margin是在控件外部的 如图所示,红线区域是margin,黑线区域是padding 下面是TextView的各种 padding,margin的使用效果 这里宽高全是wrap_content <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android

padding和margin的区别和作用及各种场合出现的bug

一.padding Padding: 包括padding-top, padding-right, padding-bottom, padding-left, 控制块级元素内部, content与border之间的距离 1.语法结构 (1)padding-left:10px; 左内边距 (2)padding-right:10px; 右内边距 (3)padding-top:10px; 上内边距 (4)padding-bottom:10px; 下内边距 (5)padding:10px; 四边统一内边距

关于padding与margin的区别

代码一:全为padding. <!doctype html><html><head>    <meta charset="UTF-8">    <title>margin||padding</title>    <style type="text/css">#div1{    width: 800px;    background-color: red;    padding: 20

padding和margin的区别,以及其存在的bug和消除方法!

margin是盒模型的外边距,padding是盒模型的内边距: 用margin时,最好给父级元素加上overflow:hidden:(溢出隐藏) 用padding时,最好给自身加上box-sizing:border-box:(固定边框) margin的bug: 1. IE6中浮动元素3px间隔Bug: 发生场合:发生在一个元素浮动,然后一个不浮动的元素自然上浮与之靠近会出现的3px的bug. 解决方法:右边元素也一起浮动;或者为右边元素添加IE6 Hack _margin-left:-3px;从

padding和margin的区别

简单来说,padding就是内边距,margin就是外边距如下图: margin和padding的区别用图表示为:

HTML中padding和margin的区别和用法

 margin(外边距) 定义:margin是用来隔开元素与元素的间距,发生在元素本身的外部,margin用于布局分开元素使元素与元素互不相干. 提示:margin: top right bottom left;(margin:10px 20px 30px 40px) 它的给值方式为上,右,下,左. 建议何时应当使用margin: 需要在border外侧添加空白时. 空白处不需要背景(色)时. 上下相连的两个盒子之间的空白,需要相互抵消时.如15px + 20px的margin,将得到20px的

盒模型中padding、border、margin的区别

在CSS中,规定了一种基本设计模型--盒模型(也叫框模型),如图所示: 其中包含了四部分内容:element/元素(即图中文字).padding/内边框(图中两个红色边框之间白色部分).border/边框(蓝色区域).margin/外边框(图中两绿色边框中间白色部分). 区别: element占据的就是字体本身的字号大小: padding和margin 类似,指的是一段距离,只能设置上.下.左.右方向的一段长度,不能设置区域颜色: 而border指的是一块区域,可以设置上下左右方向的长度,而且可

padding 和margin区别

原来总是对padding和margin的概念很模糊,今天就以一个小例子区分下这两者 这样对于这两者就有一个很清楚的区分了 此处的padding 相当与中间的元素和外面的border的间距

_margin和margin的区别

*:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* BLOCKS =============================================================================*/ p, blockquote, ul, ol, dl, table, pre { margin: 15px 0; } /* HEAD