Question

我使用中心标记，但它似乎不是HTML 5中的标准。我尝试使用CSS而不是它对我不起作用！我希望在这个例子中div标签显示在中心，但不会。

<!doctype html>
<html>
<body style="text-align:center">
<div style="width:100px; height:30px; background-color:rgb(0,0,0)"></div>
</body>
</html>

这是中心标签版本:(可行）

<!doctype html>
<html>
<body>
<center>
<div style="width:100px; height:30px; background-color:rgb(0,0,0)"></div>
</center>
</body>
</html>

Answer 1

您可以将margin: auto用于div

div {
    margin: auto;
    width:100px; 
    height:30px; 
    background-color:rgb(0,0,0)
}

如果您的HTML标记变得更加复杂以及使用外部CSS代替内联样式（例如您所使用的内容），最好还是为div id或类名称更准确地定位它现在就做。

Answer 2

您可以使用css：

.window{
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-140px;
    margin-left:-200px;
    width:400px;
    height:280px;
}

确保使用边距减去宽度和高度的一半。这样你的div将在div所在的窗口中居中。

Answer 3

您希望放在身体中央的div标签必须是：

.div-class {
    margin: auto;
}

如果使用上边距或下边距，则可以这样做：

.div-class {
    margin-left: auto;
    margin-right: auto;
}