css - 使用CSS在页面中间居中一个div框

Question

我想将一个 div 居中放置在页面中间，我尝试了 top:30%，但是当窗口调整大小时偏离了对齐方式。

<div id=cent></div>

谢谢让

Answer 1

如果您知道该 div 的高度/宽度(例如，它将是 100px X 200px)，那么您可以这样做:

#cent {
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-50px; /* this is half the height of your div*/  
  margin-left:-100px; /*this is half of width of your div*/
}

更新:另一种选择:参见 http://www.w3.org/Style/Examples/007/center (垂直居中)