CSS 是前端開發中不可或缺的一部分，它不僅可以美化頁面樣式，還可以控制頁面中各種元素的布局。其中，文字對齊是 CSS 中非常重要的一部分，它可以決定頁面中文字的排版方式。下面我們就來詳細了解一下 CSS 中如何設置文字對齊。 一、水平對齊 1. 文字水平居中 我們可以通過在文本父元素中設置 text-align: center; 來實現文字水平居中。 例如：

p{
text-align: center;
}

這樣，該元素中所有文字都將水平居中。 2. 文字向左對齊 如果我們想讓文字向左對齊，可以設置 text-align: left;。 例如：

p{
text-align: left;
}

這樣，該元素中所有文字都將向左對齊。 3. 文字向右對齊 同理，如果我們想讓文字向右對齊，可以設置 text-align: right;。 例如：

p{
text-align: right;
}

這樣，該元素中所有文字都將向右對齊。 二、垂直對齊 1. 單行文字垂直居中 如果我們想讓一行文字在垂直居中位置，可以通過設置 line-height 等于元素高度的方式來實現。 例如：

p{
height: 100px; /* 假設該元素高度為 100px */
line-height: 100px;
}

這樣，該元素中的文本將在垂直居中位置。 2. 多行文字垂直居中 如果我們想讓多行文字在垂直居中位置，可以通過設置 display: flex; 和 align-items: center; 來實現。 例如：

p{
display: flex;
height: 200px; /* 假設該元素高度為 200px */
align-items: center; /* 讓元素中的內容垂直居中 */
}

這樣，該元素中的多行文字將在垂直居中位置。 以上就是關于 CSS 設置文字對齊的詳細介紹。不同的頁面需要不同的對齊方式，我們需要靈活運用。希望本文能夠對大家有所幫助。