2023-05-30 22:08:31 div元素水平居中布局方法教程。
<div>元素水平居中，可以使用以下方法之一：
1、使用text-align: center：将父元素的text-align属性设置为center，这将使子元素（包括<div>）在水平方向上居中对齐。
<style>
.container {
text-align: center;
}
</style><div class="container">
<!-- 要居中的内容 -->
</div>
2、使用margin: 0 auto：将子元素的左右外边距设置为auto，同时设置宽度属性，这将使子元素相对于父元素水平居中。
<style>
.center-div {
margin: 0 auto;
width: 50%; /* 调整宽度属性以适应您的布局需求 */
}
</style><div class="center-div">
<!-- 要居中的内容 -->
</div>
请注意，以上方法假设父元素具有一定的宽度。如果父元素宽度为100%（占满整个屏幕），则第二种方法将不起作用。