div水平显示【div水平居中怎么设置：代码示例】

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

方法一：使用margin属性

将要居中的div设置一个固定的宽度，然后将左右的margin设置为"auto"。这样，div就会自动居中显示在父容器中。

示例代码：

<style>
  .center {
    width: 200px;
    margin: 0 auto;
  }
</style>
<div class="2c77-8d45-be99-63cf center">居中显示的div</div>

方法二：使用flex布局

将父容器设置为flex布局，然后使用justify-content属性将子元素水平居中。这种方法适用于父容器的宽度不固定的情况。

示例代码：

<style>
  .container {
    display: flex;
    justify-content: center;
  }
</style>
<div class="be99-63cf-23c6-603f container">
  <div>居中显示的div</div>
</div>

这两种方法都可以实现div水平居中显示，具体使用哪种方法取决于实际需求和布局结构。