css实现文本内容水平居中的4个方法
- 使用
text-align
属性:
.center-text {
text-align: center;
}
- 使用
display: flex
方法:
.center-text {
display: flex;
justify-content: center;
}
- 使用
margin
自动填充:
.center-text {
width: 50%;
margin: 0 auto;
}
- 使用
display: grid
方法:
.center-text {
display: grid;
place-items: center;
}
评论已关闭