在網頁制作中，我們常常需要將文字或其他元素進行居中顯示，其中包括在CSS中實現字體居中。下面我將介紹幾種實現CSS字體居中的方法。 方法一：使用text-align屬性 在CSS中，可以通過設置text-align屬性來實現字體居中。如下面的代碼所示： pre { text-align: center; } 這樣就可以將pre標簽中的文字居中顯示。但是需要注意的是，text-align只適用于塊級元素，如果想讓行內元素居中，需要將其設置為塊級元素。 方法二：使用line-height屬性 另一種實現CSS字體居中的方法是使用line-height屬性。如下所示： p { line-height: 50px; height: 50px; //需要設置p標簽的高度 text-align: center; } 通過設置line-height和height屬性來使字體在p標簽中垂直居中，而text-align則是用來水平居中。 方法三：使用Flexbox布局 Flexbox布局是CSS3中的一種新型布局模式，可以方便地實現元素的自適應和排列，同時也可以實現字體居中。如下所示： .container { display: flex; justify-content: center; //水平居中 align-items: center; //垂直居中 } 通過設置justify-content和align-items屬性來實現文字水平和垂直居中。 總結 實現CSS字體居中的方法有很多種，其中包括使用text-align屬性、line-height屬性和Flexbox布局。具體使用哪種方法可以根據實際情況進行選擇，以達到最佳的效果。需要注意的是，不同瀏覽器對CSS屬性的解析可能存在差異，開發中應盡可能保證兼容性。