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，并且水平居中。

除了以上兩種常用的垂直居中和水平居中方式外，還有許多其他的對齊方式，比如水平垂直對齊、垂直水平對齊等?？梢愿鶕唧w的需求選擇不同的對齊方式。

通過了解CSS中方框對齊方式的常用方法，我們可以更加靈活地實現方框的對齊，提高網頁的排版效果。