如何在浏览器的中心使用CSS的div？ [英] How to put a div in center of browser using CSS?

问题描述

如何在仅使用CSS的垂直和水平中心放置div？

How to put a div in center of browser both vertically and horizontally using CSS only?

IE7。

如果一切都失败，我们可以使用JavaScript，但是最后一个选择。

If everything fails, we may use JavaScript, but a last choice.

推荐答案

HTML：

<div id="something">... content ...</div>

CSS：

#something {
    position: absolute;
    height: 200px;
    width: 400px;
    margin: -100px 0 0 -200px;
    top: 50%;
    left: 50%;
}

这篇关于如何在浏览器的中心使用CSS的div？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！