div怎样左右居中
时间：2026-06-05 14:42:46来源：在网页布局中，让 `div` 左右居中是一个常见的需求。以下是几种常用方法的总结：
| 方法 | 实现方式 | 适用场景 |
| margin: 0 auto; | 设置宽度后使用 | 固定宽度布局 |
| flexbox | 父容器设为 flex，justify-content: center | 弹性布局 |
| text-align: center; | 父容器设置文本居中 | 内容为文字或 inline 元素 |
| grid | 父容器设为 grid，justify-items: center | 网格布局 |
以上方法可根据不同布局需求选择使用。建议优先使用 flex 或 grid，适合现代响应式设计。
展开更多
标签：
