CSS 技能之一是可以讓你把文本放在容器的中心位置。這看起來很簡單，但是在每個項目中都必須小心地使用。 實現這種效果的方法有很多種，這里列舉幾種。 方法一：使用 text-align 屬性 這是最簡單基本的方法，可以通過設置容器的 text-align 屬性來實現居中對齊。 例如：

.container {
text-align: center;
}

這將把容器中的所有文本都居中對齊。 方法二：使用 flexbox Flexbox 是一種強大的布局模型，可以輕松地實現文本居中。 在父容器上設置 display: flex; 和 justify-content: center; 就可以把子元素居中對齊。 例如：

.container {
display: flex;
justify-content: center;
}

方法三：使用定位 另一種方法是使用相對定位和絕對定位來居中元素。 首先，為容器設置 position: relative; ，然后為文本設置 position: absolute; 和 top: 50%; 和 left: 50%;，以使它在容器中心。 例如：

.container {
position: relative;
}
.centered-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

這將把容器中的文本居中對齊。 總結 中心對齊文本是網頁設計中常用的技巧之一，無論你選擇哪種方法，都可以輕松實現這個效果。記住，每個項目都需要使用合適的方法，以確保最佳效果。