我想用CSS垂直居中放置一个div。我不需要表或JavaScript，只需要纯CSS。我找到了一些解决方案，但都缺少Internet Explorer 6支持。
<body>
<div>Div to be aligned vertically</div>
</body>
如何在所有主要浏览器（包括Internet Explorer 6）中垂直居中放置div？
当前回答
我刚刚写了这篇CSS，想了解更多信息，请浏览：这篇文章用3行CSS垂直对齐任何内容。
.element {
position: relative;
top: 50%;
transform: perspective(1px) translateY(-50%);
}
其他回答
垂直和水平居中
HTML
<div id="dialog">Centered Dialog</div>
CSS
#dialog {
position:fixed; top:50%; left:50%; z-index:99991;
width:300px; height:60px;
margin-top:-150px; /* half of the width */
margin-left:-30px; /* half of the height */}
享受
使用CSS Flexbox align items属性来实现这一点。
html，正文{高度：100%；}正文{显示：柔性；对齐项目：居中；}<div>垂直居中</div>
实际上，垂直居中需要两个div。包含内容的div必须具有宽度和高度。
#集装箱{位置：绝对；顶部：50%；页边空白：-200像素；/*#内容高度的一半*/左：0；宽度：100%；}#内容{宽度：624px；左边距：自动；右边距：自动；高度：395px；边框：1px实心#000000；}<div id=“container”><div id=“content”><h1>居中的div</h1></div></div>
这是结果。
最简单的方法是以下三行CSS：
1） 位置：相对；
2） 顶部：50%；
3） 变换：translateY（-50%）；
以下是一个示例：
外部配电盘{高度：170px；宽度：300px；背景色：浅灰色；}中间分隔符{位置：相对；顶部：50%；-webkit转换：translateY（-50%）；-ms变换：translateY（-50%）；变换：translateY（-50%）；}<div class='outer-div'><div class='middle-div'>测试文本</div></div>
这里有一个简单的方法，几乎没有代码：
CSS代码：
.main{
height: 100%;
}
.center{
top: 50%;
margin-top: 50%;
}
HTML代码：
<div class="main">
<div class="center">
Hi, I am centered!
</div>
</div>
您的文本将位于页面中间！
