DEV Community
·
如何在CSS中居中一个div？
💡
原文英文，约100词，阅读约需1分钟。
📝
内容提要
在CSS中，可以使用`flexbox`或`grid`布局来居中一个div。`flexbox`方法是将父元素的`display`设为`flex`，并将`justify-content`和`align-items`设为`center`。`grid`方法是将父元素的`display`设为`grid`，并将`place-items`设为`center`。
🎯
关键要点
- 在CSS中，可以使用flexbox或grid布局来居中一个div。
- flexbox方法：将父元素的display设为flex，并将justify-content和align-items设为center。
- grid方法：将父元素的display设为grid，并将place-items设为center。
➡️
