html div居中

在HTML中，有几种方法可以使div居中。其中一种方法是使用CSS的margin属性。可以通过设置div的margin属性为"0 auto"来实现水平居中。例如，可以将div的样式设置为：margin: 0 auto;。
另一种方法是使用display属性。可以将div的display属性设置为table-cell，并使用vertical-align和text-align属性来使内容垂直和水平居中。例如，可以将div的样式设置为：display: table-cell; vertical-align: middle; text-align: center;。
还有一种方法是使用flexbox布局。可以将父元素的display属性设置为flex，并使用align-items和justify-content属性来使div居中。例如，可以将父元素的样式设置为：display: flex; align-items: center; justify-content: center;。
希望以上方法可以帮助您实现div的居中效果。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [HTML中如何让div居中](https://blog.csdn.net/Strongkiss/article/details/120706578)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [html中div内容居中的方法](https://blog.csdn.net/sinat_31057219/article/details/66968204)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]