css中div怎么居中块元素

<div style="border:1px solid black;text-align:center;">
    <p>这是一个居中的块元素</p>
</div> 

设置左右margin的值为auto，这样就能实现水平居中。具体代码如下：

<div style="border:1px solid black;margin:0 auto;">
    <p>这是一个居中的块元素</p>
</div> 

方法三：使用flex布局 还有一种居中块元素的方式是使用flex布局，我们可以将父元素设置为display:flex，然后使用justify-content属性来控制其水平对齐方式。具体代码如下：

<div style="border:1px solid black;display:flex;justify-content:center;">
    <p>这是一个居中的块元素</p>
</div> 

以上就是一些常见的