怎么设置div居中

在HTML中使div居中可以通过以下几种方法：

 .center-div { width: 200px； margin: 0 auto； }

使用`text-align: center`（适用于文本内容居中）：

 .parent-div { text-align: center； } .child-div { display: inline-block； }

使用`position`属性（适用于绝对定位）：

 .parent-div { position: relative； } .child-div { position: absolute； left: 50%； top: 50%； transform: translate（-50%, -50%）； }

使用`flexbox`布局（适用于更复杂的布局）：

 .parent-div { display: flex； justify-content: center； align-items: center； } .child-div { /* 子元素样式 */ }

使用`grid`布局（适用于更复杂的布局）：

 .parent-div { display: grid； place-items: center； } .child-div { /* 子元素样式 */ }

选择哪种方法取决于你的具体需求以及布局的复杂性。请根据你的情况选择最合适的方法