块级元素居中对齐
时间: 2023-07-03 07:23:42 浏览: 101
懒人原生块级区域内元素上下左右垂直居中方法.zip
可以使用以下方法将块级元素居中对齐:
1. 使用 text-align 属性设置父元素的文本对齐方式为 center。
```
.parent {
text-align: center;
}
```
2. 使用 margin 属性设置左右 margin 值为 auto。
```
.child {
margin: 0 auto;
}
```
3. 使用 flexbox 布局,将父元素的 display 属性设置为 flex,然后使用 justify-content 和 align-items 属性设置子元素的水平和垂直对齐方式为 center。
```
.parent {
display: flex;
justify-content: center;
align-items: center;
}
```
阅读全文