CSS水平居中方法汇总(有经验有转帖)
2012-05-22 21:30
225 查看
#ControlPad { position:absolute; left:50%; width:500px; height:92px; margin-left:-250px; text-align:center; } #ControlPad input { left:auto; right:auto; width:100; }
容器使用text-align,下面的控件left,rigth,auto即可,如果不是input控件,理论上使用了text-align即可。但是居中控件必须有固定width,内部元素要补text-align:left;
#container { background:#ffcurl(mid.jpg)repeat-ycenter; position:absolute; left:50%; width:760px; margin-left:-380px; }兼容性最强。红绿成对,红表示坐标0在,总宽度的1/2,也就是中间。绿左边缘在坐标左面(负号)1/2width的地方,那么水平中点和坐标0重合。
margin:0 auto;
最简单的方法。
相关文章推荐
- CSS居中方法汇总(包括水平居中和垂直居中)
- css实现垂直居中和水平居中的方法
- css垂直水平居中方法
- Xhtml+css实践水平居中的设计方法
- [转]CSS网页布局:div水平居中的各种方法
- css的几种垂直水平居中方法
- CSS中元素水平垂直居中4种方法介绍
- css中元素水平垂直居中4种方法介绍
- css中已知宽高的子元素水平垂直居中的三种方法
- 块元素水平垂直居中方法汇总
- CSS水平垂直居中的几种方法
- CSS实现水平垂直同时居中的5种方法
- <转载>使CSS文字图片div元素居中方法之水平居中的几个方法
- CSS之水平垂直居中布局的五种方法
- CSS水平居中/垂直居中的N个方法
- css中已知宽高的子元素水平垂直居中的三种方法
- CSS实现元素水平/垂直居中的方法
- CSS水平垂直居中方法
- 纯css多种方法实现div中单行文字、多行文字及嵌套div垂直水平居中
- css元素水平垂直居中的十种方法