javascript - 为什么我的容器没有居中

Question

我想在屏幕中央(水平和垂直)打开一个 div。

var documnetWidth = $(document).width(),
  documentHeight = $(document).height(),
  widgetFormHeight = widgetForm.height(),
  widgetFormWidth = widgetForm.width();

widgetForm.css({
  top: documentHeight / 2 - widgetFormHeight / 2,
  left: documnetWidth / 2 - widgetFormWidth / 2
});

我的小部件水平居中，但垂直方向有一些偏移。

Answer 1

你可以这样做

为 DIV 定义一个大小和固定位置，如下所示:

div {
     position: fixed;
     top: 50%; 
     left: 50%; 
     width: 200px; 
     height: 100px; 
     margin: -100px 0 0 -50px;
     z-index: 99;
}

或者如果你不想绝对定位，你可以给它一个宽度，并将它设置为:

div { margin: 0 auto; }