在CSS中,让一个`div`元素居中显示是常见的布局需求。以下是几种常用方法的总结:
| 方法 | 说明 | 适用场景 |
| `margin: 0 auto;` | 通过设置左右外边距为自动,实现水平居中 | 宽度固定且需水平居中 |
| `text-align: center;` | 父容器设置文本居中,子元素为块级元素 | 父容器内单个元素居中 |
| `flexbox` | 使用Flex布局,设置`justify-content: center` | 灵活布局,适合多元素对齐 |
| `grid` | 使用Grid布局,设置`place-items: center` | 复杂布局中居中元素 |
以上方法可根据实际需求选择,确保`div`在页面中正确居中显示。