Question

我想以popup div为中心，我该如何才能使浏览器友好？

这是原来的一点左边。

<div class="popLayerWrapper">
    <div id="addBookmarksLayer" class="popLayer" style="left:260px; padding:30px;">
        <div class="closeLayer" >close</div>
        <div class="layerContent"></div>
    </div>
</div>

Answer 1

我不确定我想要集中哪个部分，但假设整个事情：

.popLayerWrapper {
   position: absolute;
   width: 40%;  /* could be anything */
   left: 50%;
   margin-left: -20%;  /* half of width */
   height: 40%;    /* again, could be anything */
   top: 50%;
   margin-top: -20%;  /* half of height */
}

Answer 2

我使用此代码将元素居中在窗口视口的中心：

html {
  display: table;
  table-layout: fixed;
  width: 100%; 
  height: 100%;
}

body {  
  display: table-cell;  
  width: 100%; 
  height: 100%;
  vertical-align: middle;
  margin:0;
}

#center {
  margin: auto;
}

您可以在此链接（Bredele CSS bundle）找到完整示例。我认为它适用于你的弹出窗口。

奥利弗

位置div中心水平和垂直

2 个答案: