在我们开发页面的过程中，经常会遇到让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>
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/861/viewspace-2817739/ ，如需转载，请注明出处，否则将追究法律责任。
上一篇：
flex布局下img图片变形的解决方法
请登录后发表评论
登录
全部评论
