如何将div内部元素居中？两种简单方法

可以通过以下两种方式实现div内部元素居中：

1. 使用'text-align'属性将内部元素水平居中

将div的'text-align'属性设置为'center'，内部元素会自动水平居中。

<div style='text-align:center;'>
  <p>这是要居中的元素</p>
</div>

2. 使用flex布局将内部元素垂直和水平居中

将div的'display'属性设置为'flex'，再使用'justify-content'和'align-items'属性将内部元素垂直和水平居中。

<div style='display:flex; justify-content:center; align-items:center;'>
  <p>这是要居中的元素</p>
</div>