css里方框对齐方式 |css 白色

## 垂直居中

在CSS中，可以使用`margin`和`垂直居中`属性来实现方框的垂直居中。其中，`margin`属性用于设置方框的左右margin值，当左右margin值相等时，方框将垂直居中。下面以`margin: 5px auto`为例：

“`html

<div class=”box”>

<p>这是一个垂直居中的方框。</p>

</div>

在CSS中，可以将其设置为：

“`css

.box {

width: 200px;

height: 200px;

margin: 5px auto;

这将创建一个宽度为200px、高度为200px的方框，其左右margin值均为5px，并且垂直居中。

## 水平居中

在CSS中，可以使用`margin`和`水平居中`属性来实现方框的水平居中。其中，`margin`属性用于设置方框的上下margin值，当上下margin值相等时，方框将水平居中。下面以`margin: 5px auto`为例：

“`html

<div class=”box”>

<p>这是一个水平居中的方框。</p>

</div>

在CSS中，可以将其设置为：

“`css

.box {

width: 200px;

height: 200px;

margin: 5px auto;

这将创建一个宽度为200px、高度为200px的方框，其上下margin值均为5px，并且水平居中。

除了以上两种常用的垂直居中和水平居中方式外，还有许多其他的对齐方式，比如水平垂直对齐、垂直水平对齐等。可以根据具体的需求选择不同的对齐方式。

通过了解CSS中方框对齐方式的常用方法，大家可以更加灵活地实现方框的对齐，提高网页的排版效果。