Question

我有这个简单的CSS代码：

div {
    width:100px;
    height:100px;
    border:1px solid #000000;
    display:inline-block;
    margin:0 auto;
    text-align:center;
}

这个HTML代码：

<div>
</div>
<div>
</div>

我很难通过inline-block尝试将这两个DIV水平对中屏幕。 margin auto和text-align center都不起作用。

Answer 1

text-align将对齐元素的内联内容。因此，您需要将此属性应用于<div>的父级。

text-align CSS属性描述了如何在其父块元素中对齐像文本这样的内联内容。 text-align不控制块元素本身的对齐，只控制它们的内联内容。

在上面的情况中，我猜它会是<body>：

body{
    text-align:center;
}