在html中怎么让一个div（包含里面的内容）垂直和水平居中

Question

如题所述

Answer 1

DIV
没有太好的上下居中方法，兼容性最好的方式是用JS来计算DIV的高度，然后取浏览器窗口高度的一半-DIV高度=给DIV上部margin赋值。
有一种变通方式是把DIV改为TABLE，外层是一个一行一列，宽高100%的TABLE，然后给个table的TD设置为上下左右居中。

Answer 2

水平居中，可以用margin：0
auto;垂直居中用js动态固定，下面是我做的一个动态改变位置的代码，可以参考下：

var
contentWidth
=
window.screen.availWidth;

var
mainHeight
=
$(window).width();

var
nowHeight
=
$(window).outerWidth(true);

$('.yr_introduce').css("margin-left",(nowHeight
-
1903)/2);