在 CSS 中，塊元素對(duì)齊是指如何將塊元素（例如p、div、h1等）與其他元素、盒子或父元素對(duì)齊。CSS 提供了多種方式來(lái)實(shí)現(xiàn)塊元素對(duì)齊，下面將介紹其中的幾種。

/* 水平居中對(duì)齊 */
.center {
display: flex;
justify-content: center;
align-items: center;
}
/* 左對(duì)齊 */
.left {
text-align: left;
}
/* 右對(duì)齊 */
.right {
text-align: right;
}
/* 垂直居中對(duì)齊 */
.vertical {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}

第一種方式是使用 flex 布局來(lái)實(shí)現(xiàn)水平居中對(duì)齊。在父元素中設(shè)置display: flex;，并結(jié)合justify-content: center;和align-items: center;屬性，可以讓子元素在水平和垂直方向上都居中。例如，上面的例子就是將一個(gè)div水平居中對(duì)齊。

第二種方式是使用text-align屬性來(lái)實(shí)現(xiàn)左對(duì)齊或右對(duì)齊。將該屬性設(shè)置為left可以讓元素左對(duì)齊，將其設(shè)置為right可以讓元素右對(duì)齊。例如，頁(yè)面中的段落默認(rèn)就是左對(duì)齊的。

第三種方式是使用 flex 布局來(lái)實(shí)現(xiàn)垂直居中對(duì)齊。在父元素中設(shè)置display: flex;，并結(jié)合justify-content: center;、align-items: center;和flex-direction: column;屬性，可以讓子元素在垂直方向上居中，且每個(gè)元素在各自的行中居中。例如，上面的例子就是將兩個(gè)p元素垂直居中對(duì)齊。