jQuery怎么将div设置为水平垂直居中

Question

如题所述

Answer 1

一、使用工具：jQuery、编辑软件

二、方法有三：

1、CSS实现水平和垂直居中：要让DIV水平和垂直居中，必需知道该DIV得宽度和高度，然后设置位置为绝对位置，距离页面窗口左边框和上边框的距离设置为50%，这个50%就是指页面窗口的宽度和高度的。

2、如果当页面DIV宽度和高度是动态的，比方说需要弹出一个DIV层并且要居中显示，DIV的内容是动态的，所以宽度和高度也是动态的，这时需要用jQuery可以解决居中。

3、 jQuery实现水平和垂直居中：此方法的好处就是不需要知道DIV的具体宽度和高度大小，直接用jQuery就可以实现水平和垂直居中，而且兼容各浏览器，这个方法在很多的弹出层效果中应用。

三、注意事项：方法二的前提是必需设置DIV的宽度和高度。

Answer 2

用position定位
然后js中 控制css、样式 top：50%-div自身高度的一半；本回答被提问者采纳