居中总结

转载 2012年03月23日 09:00:22

这里分两种不同布局方式的居中!分别是 LinearLayout 和RelativeLayout。

- 首先说的是LinearLayout布局下的居中:直接贴源码

注意:android:layout_width=”fill_parent” android:layout_height=”fill_parent” 属性中,若水平居中,至少在宽度上占全屏;若垂直居中,则在高度上占全屏

 

  1. <LinearLayout
  2.     android:layout_width=”fill_parent”
  3.     android:layout_height=”fill_parent”
  4.     android:gravity=”center|center_horizontal|center_vertical” >
  5.     // 上面gravity属性的参数:center为居中,center_horizontal为水平居中,center_vertical为垂直居中
  6.     <Button
  7.         android:id=”@+id/Binding_button”
  8.         android:layout_width=”wrap_content”
  9.         android:layout_height=”wrap_content”
  10.         android:text=”关联新账户” />
  11. </LinearLayout>

 

 

- 然后说的是RelativeLayout布局下的居中:

 

  1. <RelativeLayout xmlns:Android=”http://schemas.android.com/apk/res/android”
  2.     Android:layout_width=”fill_parent” Android:layout_height=”fill_parent”>
  3.     <Button Android:id=”@+id/btngal” Android:layout_width=”wrap_content”
  4.         Android:layout_height=”wrap_content” Android:gravity=”center_horizontal”
  5.         Android:textSize=”20sp” Android:layout_alignParentBottom=”true”
  6.         Android:layout_centerHorizontal=”true” Android:text=”返回主界面” />
  7. </RelativeLayout>

 

 

简单说明

Android:gravity="CENTER_VERTICAL“:这个是垂直居中对齐

Android:gravity="BOTTOM”:放在容器的底部

Android:gravity="CENTER“ :放在容器的中心


HTML元素水平居中方案总结

先来看我一个简单XHTML/HTML文件代码(部分),我们的目的是让#container水平居中。     content   Lorem ipsum dolor sit amet, c...
  • mrw223
  • mrw223
  • 2014年08月21日 10:10
  • 218

div(固定宽度和不固定宽度)居中显示的方法总结

今天我总结一下css实现div居中的方法,有的是固定宽度的,还有的是不固定宽度的。 1.使用自动外边距实现DIV CSS居中 CSS中首选的让元素水平居中的方法就是使用margin属性—将...

CSS水平垂直居中常见方法总结

css元素水平垂直居中

css 总结 【垂直居中】【图片下方文字】

1.【垂直居中实现方法】 /* 代码实现: * 设定宽度和高度,父节点为 position:relative; CSS是这样写的: */ .selector { posit...

HTML5学习_day06(5)--html之固定总结(轮播图 垂直居中)

1.position:relative 不会脱离文档流 2.position:absolute | fix 脱离文档流 3.absolute是相对于父级非static(没有设置定位默认值)进行定位...

总结:让一个div垂直水平居中

工作中遇到块级元素垂直居中的问题。定宽高的div垂直居中很简单,不定宽高的div垂直水平居中的也总结了几种方法。...
  • dnswek
  • dnswek
  • 2017年05月31日 20:47
  • 158

Css学习总结(3)——CSS布局解决方案 - 水平、垂直居中、多列布局、全屏布局

居中布局 水平居中 子元素于父元素水平居中且其(子元素与父元素)宽度均可变。 inline-block + text-align Demo ...

总结下我常用的垂直水平居中

总做中可能会遇到各种需要垂直水平居中的问题,这里总结下我常见的集中。 第一:利用定位position: 1.1在元素宽高已知的情况下,配合负margin达到水平居中 .parent{position:...

CSS布局——水平垂直居中布局总结学习

简介 CSS布局可以分为几大块, 盒子内部布局 ·文本布局 ·盒模型本身的布局盒子之间的布局 ·脱离正常流的布局 ·absolute布局上下文下的布局 ·float布局上下文下的...

CSS文本和div垂直居中方法总结

在样式布局中,我们经常碰到需要将元素居中。通过css实现元素的水平居中较为简单:对文本,只需要对其父级元素设置text-align: center;,而对div等块级元素,只需要设置其left和rig...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:居中总结
举报原因:
原因补充:

(最多只允许输入30个字)