在開發(fā)中，我們經(jīng)常需要對(duì)頁面中不同元素進(jìn)行對(duì)齊。CSS提供了多種實(shí)現(xiàn)對(duì)齊的方式，下面我們來一一介紹。

/* 水平對(duì)齊 */
text-align: center; /* 將文本水平居中對(duì)齊 */
text-align: left; /* 將文本向左對(duì)齊 */
text-align: right; /* 將文本向右對(duì)齊 */
/* 垂直對(duì)齊 */
line-height: 100px; /* 將元素中的文字垂直居中對(duì)齊 */
vertical-align: middle; /* 將table中的td或th元素垂直居中對(duì)齊 */
/* 盒子對(duì)齊 */
display: flex;  /* 使用容器進(jìn)行對(duì)齊 */
justify-content: center; /* 將容器中的元素水平居中對(duì)齊 */
align-items: center; /* 將容器中的元素垂直居中對(duì)齊 */
/* 水平和垂直同時(shí)對(duì)齊 */
display: flex;
justify-content: center;
align-items: center;

上述方法是對(duì)齊中最常用的一些方式。在實(shí)際應(yīng)用中，我們也可以根據(jù)需求選擇使用不同的方法，來實(shí)現(xiàn)對(duì)齊效果。