在編寫網頁的過程中，我們常常需要對一些文字或代碼進行居中處理。在 CSS 中，我們可以使用 text-align 屬性來實現文字的居中，但對于代碼來說，我們通常希望它們在固定的寬度內居中顯示，這時候就需要使用其他的方法了。下面我們將介紹幾種常見的 CSS 代碼字體居中的方法。 方法一：使用 text-align 屬性 這種方法適用于只需要對一行代碼進行居中處理的情況，可以通過給代碼所在的元素添加 text-align:center; 屬性來實現。代碼如下所示：

p{
text-align:center;
}

這樣就可以使得代碼在父元素中居中顯示了。 方法二：使用 display: flex 屬性 這種方法適用于對多行代碼進行居中處理的情況。我們可以通過給代碼所在的父元素添加 display: flex; 和 justify-content: center; 屬性來實現。代碼如下所示：

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

這樣就可以使得代碼在父元素中垂直和水平居中顯示了。 方法三：使用 margin 屬性 這種方法適用于對多行代碼進行居中處理的情況。我們可以通過給代碼所在的元素添加 margin: 0 auto; 屬性來實現。代碼如下所示：

p{
width: 600px;
margin: 0 auto;
}

這樣就可以使得代碼在元素中水平居中顯示了。 總結 以上就是常用的幾種 CSS 代碼字體居中的方法，根據實際場景及需求選擇合適的方法即可。需要注意的是，在使用第二種和第三種方法時，代碼所在的元素或父元素需要設置一個固定的寬度，才能使居中效果生效。