在 CSS 中，居中顯示標題可以通過幾種方法來實現。其中，最簡單的方式是使用 text-align 屬性。 如果你想居中顯示一個標題，只需為標題元素添加如下 CSS 代碼： pre{ background-color:#f8f8f8; border:1px solid #ddd; padding:10px; font-size:14px; line-height:22px; overflow:auto; width:95%; } p{ text-align:center; font-size: 24px; font-weight: bold; } 這個例子中，我們將 p 元素的文本內容居中對齊，并設置了字體大小和粗細。 除了 text-align 屬性，還可以使用其他方法來實現標題的居中。比如將標題元素設置為塊級元素，并設置 margin 屬性的左右值為 auto。 pre{ background-color:#f8f8f8; border:1px solid #ddd; padding:10px; font-size:14px; line-height:22px; overflow:auto; width:95%; } p{ display:block; width:60%; margin:0 auto; font-size: 24px; font-weight: bold; } 此時，標題將在其容器的中心位置水平居中。需要注意的是，此方法要求標題容器必須有明確的寬度。 在最新的 CSS 版本中，還可以使用 flex 布局來實現標題居中。這要求標題容器必須設置為 flex 容器，且將 justify-content 屬性的值設置為 center。 pre{ background-color:#f8f8f8; border:1px solid #ddd; padding:10px; font-size:14px; line-height:22px; overflow:auto; width:95%; } .container{ display:flex; justify-content:center; } p{ font-size: 24px; font-weight: bold; } 總之，對于需要居中顯示的標題，我們可以使用多種方法來實現。除了 text-align 屬性外，還可以使用 margin 和 flex 布局。這些方法都能夠有效地將標題在水平方向上居中。