码迷,mamicode.com
首页 > 其他好文 > 详细

怎样使一个div标签随着浏览器窗口的改变一直居中显示

时间:2018-08-17 12:51:54      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:hid   osi   content   ack   居中   round   abs   浏览器   back   

在我们开发页面的过程中,经常会遇到让div居中在浏览器中显示,或使div标签在父级div中居中显示,下面就是解决方法
1、在浏览器中居中显示

<style>
.main{width:200px;height:200px;margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
</style>

<div class="main"></div>

2、在父级div中完全居中

<style>
.index_content{width :1000px;height :600px;background :#a52b7d; overflow :hidden ;position :relative ;}
.index_content_main{width :500px;height :400px;background :#e6e6e9;margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
</style>
<div class="index_content">
  <div class="index_content_main"></div>
</div>

怎样使一个div标签随着浏览器窗口的改变一直居中显示

标签:hid   osi   content   ack   居中   round   abs   浏览器   back   

原文地址:http://blog.51cto.com/12765394/2161088

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!