CSS怎样让一个div居中
时间：2026-06-02 05:00:44来源：在网页设计中，让一个 `div` 居中是常见的需求。以下是几种常用方法的总结：
| 方法 | 说明 | 适用场景 |
| Flexbox | 使用 `display: flex; justify-content: center; align-items: center;` | 父容器为块级元素 |
| Grid | 使用 `display: grid; place-items: center;` | 简洁且灵活 |
| margin: auto | 设置 `margin: 0 auto;` 并指定宽度 | 水平居中，垂直不适用 |
| transform | 使用 `transform: translate(-50%, -50%);` 配合绝对定位 | 绝对定位时使用 |
| text-align | 设置 `text-align: center;` | 文本或内联元素居中 |
以上方法可根据实际布局需求选择使用，确保 `div` 在页面中正确居中。
展开更多
标签：
