div里面的元素水平居中

可以通过设置 div 的样式为 display:flex; justify-content:center; 来实现 div 中元素的水平居中。或者也可以通过设置 div 的样式为 text-align:center; 再将内部元素设置为 display:inline-block; 来实现水平居中。例如：

<div style="display:flex; justify-content:center;">
  <p>这是要水平居中的元素</p>
</div>

<div style="text-align:center;">
  <span style="display:inline-block;">这是要水平居中的元素</span>
</div>