`
endual
  • 浏览: 3558785 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

padding与margin的区别

    博客分类:
  • java
 
阅读更多

padding与margin的区别

分类: android UI 12730人阅读 评论(13) 收藏 举报

之前一直没有搞懂android:padding和android:layout_margin的区别,其实概念很简单,padding是站在父view的角度描述问题,它规定它里面的内容必须与这个父view边界的距离。margin则是站在自己的角度描述问题,规定自己和其他(上下左右)的view之间的距离,如果同一级只有一个view,那么它的效果基本上就和padding一样了。例如我的XML layout代码如下:

 

[xhtml] view plaincopy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:orientation="vertical"  
  4.     android:layout_width="fill_parent"  
  5.     android:layout_height="fill_parent"  
  6.     android:paddingLeft="10dip"  
  7.     android:paddingRight="10dip"  
  8.     android:paddingTop="10dip"  
  9.     android:paddingBottom="10dip"  
  10.     >  
  11. <TextView    
  12.     android:layout_width="wrap_content"   
  13.     android:layout_height="wrap_content"   
  14.     android:background="#FF0000"  
  15.     android:text="@string/hello"  
  16.     android:paddingLeft="50dip"  
  17.     android:paddingRight="50dip"  
  18.     android:paddingTop="50dip"  
  19.     android:paddingBottom="50dip"  
  20.     android:layout_marginBottom="10dip"  
  21.     />  
  22.     <TextView    
  23.     android:layout_width="wrap_content"   
  24.     android:layout_height="wrap_content"   
  25.     android:background="#FF0000"  
  26.     android:text="@string/hello"  
  27.     android:paddingLeft="50dip"  
  28.     android:paddingRight="50dip"  
  29.     android:paddingTop="50dip"  
  30.     android:paddingBottom="50dip"  
  31.     android:layout_marginBottom="10dip"  
  32.     />  
  33.     <TextView    
  34.     android:layout_width="wrap_content"   
  35.     android:layout_height="wrap_content"   
  36.     android:background="#FF0000"  
  37.     android:text="@string/hello"  
  38.     android:paddingLeft="50dip"  
  39.     android:paddingRight="50dip"  
  40.     android:paddingTop="50dip"  
  41.     android:paddingBottom="50dip"  
  42.     android:layout_marginBottom="10dip"  
  43.     />  
  44.     <TextView    
  45.     android:layout_width="wrap_content"   
  46.     android:layout_height="wrap_content"   
  47.     android:background="#FF0000"  
  48.     android:text="@string/hello"  
  49.     android:paddingLeft="50dip"  
  50.     android:paddingRight="50dip"  
  51.     android:paddingTop="50dip"  
  52.     android:paddingBottom="50dip"  
  53.     android:layout_marginBottom="10dip"  
  54.     />  
  55. </LinearLayout>  
 那么我会得到如下的效果,图上已经很明确的标出来区别咯。

 

 

padding和margin的区别

分享到:
评论

相关推荐

    Css padding和margin区别

    这个一个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区别

    HTML中padding和margin的区别,代码加详解

    `#text` 元素的 padding 设置为 `20px 40px`,margin 设置为 `20px`,这意味着元素内容与边框之间的距离为 `20px`,水平方向上元素与其他元素之间的距离为 `40px`,垂直方向上元素与其他元素之间的距离为 `20px`。...

    android_中_padding与margin

    总之,理解并熟练掌握`padding`与`margin`的区别及应用场景对于Android开发者来说至关重要。这不仅有助于提高应用的美观度,还能提升用户的使用体验。希望本文能帮助您更好地理解和运用这两个属性。

    css中padding、margin两个重要属性的详细介绍及举例说明

    #### 五、`margin`与`padding`的区别 虽然`margin`与`padding`都可以用来创建元素间的空白,但它们之间存在明显的区别: 1. **作用范围**: - `margin`:控制元素外部的空白,不占用空间。 - `padding`:控制...

    CSS的margin和padding

    **CSS的margin和padding详解** **Margin是什么** 在CSS中,`margin`是一个非常重要的属性,它用于定义元素周围的空间,即元素与元素之间或元素与容器边界的距离。`margin`是透明的,不会影响元素本身的颜色或背景...

    Alignment、Margin 和 Padding 概述

    通过对 `HorizontalAlignment`、`VerticalAlignment`、`Margin` 和 `Padding` 这些属性的理解与运用,我们可以更加灵活地控制 WPF 应用程序中的元素布局。这些属性的巧妙结合能够帮助开发者创造出既美观又实用的用户...

    css中padding和margin的异同点介绍

    一、padding 1、语法结构 (1)padding-left:10px; 左内边距 (2)padding-right:10px; 右内边距 (3)padding-top:10px; 上内边距 (4)padding-bottom:10px; 下内边距 (5)padding:10px; 四边统一内边距 (6)...

    09_盒子模型-padding和margin对比.html

    09_盒子模型-padding和margin对比

    各浏览器padding、margin的差异

    在网页设计与开发过程中,经常遇到的一个问题是不同浏览器对CSS属性(如`padding`和`margin`)的解释存在差异。这种差异可能导致页面布局在不同浏览器中的表现不一致,进而影响用户体验。本文将详细探讨各浏览器中`...

    Android中gravity、layout_gravity、padding、margin的区别小结

    在Android开发中,理解并熟练运用`gravity`、`layout_gravity`、`padding`和`margin`是非常关键的,它们决定了视图(View)在布局(Layout)中的位置和内部元素的间隔。下面将详细阐述这四个概念的区别和用法。 ...

    CSS中margin和padding的区别浅析

    在CSS中margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离。下面讲解 padding和margin常用的用法

    div宽度设置width:100%后再设置padding或margin超出父元素的解决办法

    在网页布局设计中,我们经常会遇到这样一个问题:当一个元素(如`div`)的宽度设置为`width: 100%`时,如果再添加`padding`或`margin`,元素的总尺寸会超出其父元素的宽度,导致布局混乱。为了解决这一问题,我们...

    Class与ID区别 margin和padding区别 CSS学习笔记

    CSS学习笔记 - Class与ID区别、margin和padding区别 在CSS学习中,有两个非常重要的概念:Class与ID和margin与padding。虽然它们都是CSS中的基本概念,但是许多初学者却不知道它们的区别和使用场景。 Class与ID...

    关于ol和ul的padding和margin默认值

    `padding`是元素内部边距,而`margin`是元素与周围元素之间的空白区域。 在《CSS Mastery》一书中提到,Internet Explorer (IE) 和 Opera 早期版本使用`margin-left`来设置列表项的缩进,而Safari和Firefox则使用`...

    盒模型的介绍,以及margin(外边距)padding(内边距)的使用.zip

    - **百分比值**:`padding`和`margin`可以使用百分比值,相对于父元素的宽度(对于`margin`,在大多数情况下是这样),这在响应式设计中非常有用。 - **自动值**:`margin`和`padding`可以设置为`auto`,这通常用于...

    css行内元素padding,margin,width,height没有变化

    由于这种布局差异,行内元素在设置一些CSS属性时表现得与块状元素大相径庭,特别在处理宽度(width)、高度(height)、内边距(padding)和外边距(margin)时。 一、行内元素与宽度 行内元素的宽度默认是根据内容...

    常用元素默认margin和padding值问题探讨

    而在这些视觉样式定义中,margin(外边距)和padding(内边距)是非常常用的两个属性,它们用于调整元素与元素之间的空间以及元素内容与元素边界之间的空间。由于不同的浏览器可能会有不同的默认样式,因此开发者在...

Global site tag (gtag.js) - Google Analytics