怎么让div 居中

div元素居中可以通过以下几种方法实现：

1. 使用flexbox布局，在父元素上添加display: flex和justify-content: center属性，然后将子元素设置为margin: auto。

```html

```

2. 使用position和transform属性，在父元素上添加position: relative属性，将子元素的position设置为absolute，再通过left: 50%和top: 50%将子元素的起点定位在父元素的中心，最后使用translate属性将子元素向左上方平移自身宽度和高度的一半。

```html

```

3. 使用grid布局，在父元素上设置display: grid和place-items: center属性。

```html

```

4. 使用table布局，在父元素上添加display: table和margin: 0 auto属性。

```html

```

标签：div
居