CSS 是一種常用于網站設計和開發的技術，其中字體居中是設計中必不可少的一項技能，它可以幫助網站更好地展示內容和提升用戶體驗。本文將介紹如何使用 CSS 實現字體居中，并提供相關代碼示例。 一、水平居中文字 要實現文本水平居中，我們需要將文本包含在一個元素中（如 div 或 p），并使用以下 CSS 代碼：

p {
text-align: center;
}

這將使文本在父元素中居中對齊。如果需要將其他元素按照文本中心對齊，可以使用以下代碼：

div {
display: flex;
justify-content: center;
align-items: center;
}

這些屬性將使元素在水平和垂直方向上居中對齊。 二、垂直居中文字 要在元素中實現文本垂直居中，可以使用以下 CSS 代碼：

.container {
display: flex;
justify-content: space-around;
align-items: center;
height: 100vh;
}
p {
margin: 0;
text-align: center;
}

這將使 .container 元素在垂直和水平方向上居中，同時將 p 元素的邊距設置為零。 三、水平和垂直居中文字 最后，我們可以通過以下 CSS 代碼將元素中的文本水平和垂直居中：

.container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
p {
margin: 0;
text-align: center;
}

這將使 .container 元素在水平和垂直方向上居中，并使用文本居中代碼使文本在 p 元素中居中對齊。 綜上所述，CSS 是能夠將網站設計和開發提升到更高水平的重要技術。無論是水平居中文本、垂直居中文本還是水平和垂直居中文本，我們都可以使用相應的 CSS 代碼輕松實現。