给定已知尺寸的div,例如宽度：300px;高度：200px,最简单的方法是将它垂直和水平放置在屏幕中间？
Example here
我对最新的Firefox感兴趣(不需要IE黑客).
只有CSS,没有Javascript.
解决方法
将它从窗口/父容器中定位50％并使用负边距大小为元素宽度/高度的一半:)
position: absolute; // or fixed if you don't want it scrolling with the page. width: 300px; height: 200px; left: 50%; top: 50%; margin-left: -150px; margin-top: -100px;
您可能需要在body和html上设置height：100％
html,body {
height: 100%;
}
编辑：这是一个工作example .
