div js 水平居中【div水平居中代码是什么：代码示例】

要实现div水平居中，可以使用以下两种方法：

方法一：使用margin属性

将div的display属性设置为block，使其以块级元素的形式显示。然后，将左右的margin属性设置为auto，这样div就会自动水平居中。

示例代码如下：

<style>
  .center-div {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
</style>
<div class="456c-405a-986a-090a center-div">
  <!-- div内容 -->
</div>

方法二：使用flexbox布局

Flexbox是一种现代的布局模型，可以更方便地实现水平居中。给div的父元素设置display属性为flex，这样子元素就会按照一行排列。然后，使用justify-content属性将子元素水平居中。

示例代码如下：

<style>
  .parent-div {
    display: flex;
    justify-content: center;
  }
</style>
<div class="986a-090a-301d-8c08 parent-div">
  <div>
    <!-- div内容 -->
  </div>
</div>

以上就是实现div水平居中的两种常用方法。无论是使用margin属性还是flexbox布局，都可以轻松实现div水平居中的效果。