之前一直没有搞懂android:padding和android:layout_margin的区别,其实概念很简单,padding是站在父view的角度描述问题,它规定它里面的内容必须与这个父view边界的距离。margin则是站在自己的角度描述问题,规定自己和其他(上下左右)的view之间的距离,如果同一级只有一个view,那么它的效果基本上就和padding一样了。例如我的XML layout代码如下:
- <?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>
相关推荐
这个一个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区别
`#text` 元素的 padding 设置为 `20px 40px`,margin 设置为 `20px`,这意味着元素内容与边框之间的距离为 `20px`,水平方向上元素与其他元素之间的距离为 `40px`,垂直方向上元素与其他元素之间的距离为 `20px`。...
总之,理解并熟练掌握`padding`与`margin`的区别及应用场景对于Android开发者来说至关重要。这不仅有助于提高应用的美观度,还能提升用户的使用体验。希望本文能帮助您更好地理解和运用这两个属性。
#### 五、`margin`与`padding`的区别 虽然`margin`与`padding`都可以用来创建元素间的空白,但它们之间存在明显的区别: 1. **作用范围**: - `margin`:控制元素外部的空白,不占用空间。 - `padding`:控制...
**CSS的margin和padding详解** **Margin是什么** 在CSS中,`margin`是一个非常重要的属性,它用于定义元素周围的空间,即元素与元素之间或元素与容器边界的距离。`margin`是透明的,不会影响元素本身的颜色或背景...
通过对 `HorizontalAlignment`、`VerticalAlignment`、`Margin` 和 `Padding` 这些属性的理解与运用,我们可以更加灵活地控制 WPF 应用程序中的元素布局。这些属性的巧妙结合能够帮助开发者创造出既美观又实用的用户...
一、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对比
在网页设计与开发过程中,经常遇到的一个问题是不同浏览器对CSS属性(如`padding`和`margin`)的解释存在差异。这种差异可能导致页面布局在不同浏览器中的表现不一致,进而影响用户体验。本文将详细探讨各浏览器中`...
在Android开发中,理解并熟练运用`gravity`、`layout_gravity`、`padding`和`margin`是非常关键的,它们决定了视图(View)在布局(Layout)中的位置和内部元素的间隔。下面将详细阐述这四个概念的区别和用法。 ...
在CSS中margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离。下面讲解 padding和margin常用的用法
在网页布局设计中,我们经常会遇到这样一个问题:当一个元素(如`div`)的宽度设置为`width: 100%`时,如果再添加`padding`或`margin`,元素的总尺寸会超出其父元素的宽度,导致布局混乱。为了解决这一问题,我们...
CSS学习笔记 - Class与ID区别、margin和padding区别 在CSS学习中,有两个非常重要的概念:Class与ID和margin与padding。虽然它们都是CSS中的基本概念,但是许多初学者却不知道它们的区别和使用场景。 Class与ID...
`padding`是元素内部边距,而`margin`是元素与周围元素之间的空白区域。 在《CSS Mastery》一书中提到,Internet Explorer (IE) 和 Opera 早期版本使用`margin-left`来设置列表项的缩进,而Safari和Firefox则使用`...
- **百分比值**:`padding`和`margin`可以使用百分比值,相对于父元素的宽度(对于`margin`,在大多数情况下是这样),这在响应式设计中非常有用。 - **自动值**:`margin`和`padding`可以设置为`auto`,这通常用于...
由于这种布局差异,行内元素在设置一些CSS属性时表现得与块状元素大相径庭,特别在处理宽度(width)、高度(height)、内边距(padding)和外边距(margin)时。 一、行内元素与宽度 行内元素的宽度默认是根据内容...
而在这些视觉样式定义中,margin(外边距)和padding(内边距)是非常常用的两个属性,它们用于调整元素与元素之间的空间以及元素内容与元素边界之间的空间。由于不同的浏览器可能会有不同的默认样式,因此开发者在...