css3 - 怎样让网页里的内容随着浏览器窗口改变而自动居中

问题描述

就是让网页里的内容随着浏览器窗口改变时跟着自动居中呢……怎样实现？有好点的常用的思路吗

问题解答

用js获取窗口大小和元素位置，然后根据拿到的值去设置内容位置，纯css也可以，但是感觉灵活度不够高

推荐一下自己的博客：http://blog.csdn.net/zp1996323/article/details/50936259，实现的效果都是垂直居中水平居中

margin-right:auto;margin-left:auto

position: absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:XXpx;height:XXpx;

position: absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:XXpx;height:XXpx;这个方法不兼容IE6/7，移动端考虑可以使用。回答6：

1、css实现方法（width和height事先知道）：需要居中的层采用绝对定位，结合left、top、margin-left和margin-top实现居中。2、js实现，这个就不多说了。