如何使用 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屋！