如何让div盒子里的内容上下左右居中显示

可以使用CSS中的flex布局来实现div盒子内部内容的上下左右居中显示。具体步骤如下：

1. 将父元素的display属性设置为flex，这样子元素就可以使用flex布局。
2. 设置align-items和justify-content属性均为center，这样子元素就会在垂直和水平方向上都居中显示。

示例代码如下：

<div style="display: flex; align-items: center; justify-content: center;">
  <p>要居中显示的内容</p>
</div>

这样子元素内的内容就可以在div盒子内上下左右居中显示。