绝对定位水平垂直居中
2011-11-14 18:45
190 查看
还是这个方法简单容易理解~
body{background:url(tpl/en/images/img/welcome/welcome_bg.png);text-align:center;margin:0 auto; }
.container{width:500px;height:500px;position:absolute;top:50%;bottom:50%;margin-top:-250px; right:50%; left:50%; margin-left:-250px; }
body{background:url(tpl/en/images/img/welcome/welcome_bg.png);text-align:center;margin:0 auto; }
.container{width:500px;height:500px;position:absolute;top:50%;bottom:50%;margin-top:-250px; right:50%; left:50%; margin-left:-250px; }
相关文章推荐
- 绝对定位元素水平垂直居中的两种常见方法
- 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术
- [转]margin:auto实现绝对定位元素的水平垂直居中
- 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术
- 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术
- 绝对定位情况下水平垂直居中的方法
- 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术
- 绝对定位元素的水平垂直居中
- 【CSS基础】绝对定位元素的水平居中 和 垂直居中
- 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术
- 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术
- 【CSS基础】绝对定位元素的水平居中 和 垂直居中
- 使用绝对定位+负外边距让DIV层水平垂直居中页面
- CSS实现垂直居中水平居中的绝对定位居中技术
- margin:auto实现绝对定位元素的水平垂直居中
- 绝对定位情况下水平垂直居中小技巧
- 小tip: margin:auto实现绝对定位元素的水平垂直居中
- 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术
- CSS实现垂直居中水平居中的绝对定位居中技术
- 绝对定位元素的水平垂直居中