Question

HTML怎么让页面中间一个大的板块上下左右都居中呢？如图

写了一个网站，内容都在中间一个板块里面，现在现在这个板块左右是自适应居中有没有办法，让他上下也自适应居中的呢。

Answer 1

JS啊 获取屏幕的宽高 减去 自身的宽高 然后除以2

追问

能给个例子么？ JS这方面不大会啊。

追答

追问

你这个例子里面，当我浏览器高度变化的时候，里面的DIV不会随着高度变低而往上缩呢，感觉浏览器跟DIV上部是固定的高度样。

追答

我写的外面加一个window.onresize = function (){}我给你改过了 自己看吧

追问

很好 谢谢 ，还有一个。JS里面这个div的，大小能不能自动获取呢？
$('#box').css('top',(dh-400)/2)

就是里面的400，假如我在CSS里面定义了这个宽度，400这个地方就能自动获取到，而不是手动去改。这个能不能帮改一下。非常感谢！！！

追答

　　$('#box').css('top',(dh-$(this).height())/2)

追问

改了之后好像不能实现效果了。大神再帮俺看看呗！麻烦，谢谢了，

Answer 2

一般的居中 都是margin：1080px auto这种样子的
自适应的话，你添加内容的话，整个页面都有变化 个人感觉不太好

追问

就是一个DIV 我想把他放浏览器的正中间，不管浏览器窗口大小怎么变化，四周的距离都一个样子。

追答

这样的话 你可以直接用百分比来表示div的长度，然后margin 0 auto; 就能达到效果了 随你怎么把窗口缩小了