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

Question

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

Answer 1

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

Answer 2

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

Answer 3

margin-right:auto;
margin-left:auto

Answer 4

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

Answer 5

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

这个方法不兼容IE6/7，移动端考虑可以使用。

Answer 6

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