有时候，我们希望让一个div在页面中水平居中。这可以很容易地实现，只需使用CSS的text-align属性即可。但是，如果您希望将div本身居中，而不仅仅是其中的文本，我们需要使用一些其他的CSS技巧。
以下是一个常见的div结构：
<div id="container"> <div id="content"> <p>这是一段文本</p> </div> </div>
现在我们将使用以下CSS规则来使
居中：
#container {
text-align: center;
}
#content {
display: inline-block;
}首先，我们将
元素的text-align属性设置为“center”，它使得该元素内部的所有元素都水平居中对齐。现在，我们需要将子元素
设置为inline-block，这样它就可以被视为一个单独的块级元素，可以被水平居中对齐。
如果您希望您的div始终位于屏幕中央，您可以添加以下CSS规则：
#container {
text-align: center;
}
#content {
display: inline-block;
margin: 0 auto;
}在这里，我们将元素的左右margin设置为“auto”，这意味着它将自动计算出其左右两侧的空白，以便使该元素水平居中对齐。这是一种简单而常用的技巧，在许多场景中非常有用。