- 使用 Flex 只需要在父盒子设置：display: flex ; justify-content: center; align-items: center;
- 使用 CSS3 transform 父盒子设置相对定位 :position:relative 子盒子Div设置绝对定位: transform: translate(-50%，-50%); position: absolute; top: 50%;left: 50%;
如何将一个没有设置宽高的DIV垂直水平居中
本文介绍了两种方法实现网页元素的居中布局。第一种是利用Flexbox，通过设置父元素的`display: flex`，`justify-content: center`和`align-items: center`属性轻松实现内容的水平和垂直居中。第二种方法是利用CSS3的`transform`属性，设置父元素为相对定位，子元素为绝对定位，通过`transform: translate(-50%, -50%)`，`top: 50%`和`left: 50%`来实现居中效果。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
