css实现文字在盒子居中
时间: 2023-08-30 07:09:06 浏览: 168
css 实现文字垂直居中
可以使用以下CSS样式代码将文字在盒子居中:
```
.box {
display: flex; /* 将盒子设置为弹性布局 */
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
}
```
或者,如果您想在不使用弹性布局的情况下使文本水平居中,则可以使用以下CSS样式代码:
```
.box {
text-align: center; /* 水平居中 */
line-height: /* 盒子高度 */;
}
```
在第二段代码中,`line-height`属性必须与盒子高度相同,以使文本垂直居中。
阅读全文