可能重复:
如何在 div 中居中 div?
我有一个大的 DIV,它的宽度和高度为 100%,所以它占据了整个浏览器。我里面还有另一个 DIV,宽度为 1024 像素,高度为 400 像素。我想知道将 div 水平和垂直居中的最佳方法是什么?我还希望它在调整浏览器大小时保持在中心。是否有一个 jQuery 插件,一些方便的 javascript 或者我可以简单地使用 CSS 来做到这一点。
标记
.bigdiv{
height:100%;
width:100%;
background-color:#eee;
}
.smalldiv{
height:400px;
width:1024px;
background-color:#ccc;
}
<div class="bigdiv">
<div class="smalldiv"></div>
</div>
感谢您的任何帮助和建议!