css实现文字在盒子居中

可以使用text-align和line-height属性来实现文字在盒子居中。

例如：

<div class="box">
  <p>居中的文字</p>
</div>

.box {
  width: 200px;
  height: 100px;
  border: 1px solid black;
  text-align: center; /*水平居中*/
  line-height: 100px; /*垂直居中*/
}

其中，text-align属性设置为center可以让文字水平居中，而line-height属性设置为盒子高度即可让文字垂直居中。注意，这种方法只适用于单行文字，如果是多行文字需要使用其他方法来实现。