HTML中使用代碼文本是很常見的情況，有時(shí)候我們需要將代碼文本居中展示在頁面上，這時(shí)候可以使用一些CSS樣式來實(shí)現(xiàn)，下面介紹一些常用的方法。
首先，我們需要將代碼文本包裹在pre標(biāo)簽中，pre表示預(yù)格式化文本，可以使代碼按照排版顯示在頁面上，不受CSS的樣式影響。然后，我們可以使用text-align屬性來將pre標(biāo)簽中的文本居中展示在頁面上。
示例如下：
使用text-align屬性將代碼文本居中展示：
<html> <head> <title>Hello World</title> </head> <body> <h1>Hello World!</h1> </body> </html>上述代碼中，我們在pre標(biāo)簽中使用了style屬性，指定了text-align屬性的值為center，這樣就將代碼文本居中展示在了頁面上。注意，在使用style屬性時(shí)候，需要使用雙引號或者單引號。 除了使用text-align屬性，我們還可以使用margin屬性，將pre標(biāo)簽居中展示在頁面上，這樣其內(nèi)部的代碼文本也會居中。 示例如下：
使用margin屬性將pre標(biāo)簽居中展示：
<html> <head> <title>Hello World</title> </head> <body> <h1>Hello World!</h1> </body> </html>上述代碼中，我們在pre標(biāo)簽中使用了style屬性，指定了margin屬性的值為auto，這樣就將pre標(biāo)簽居中展示在了頁面上。同樣需要注意，在使用style屬性時(shí)候，需要使用雙引號或者單引號。 總結(jié)起來，我們可以使用text-align屬性或者margin屬性，將pre標(biāo)簽中的代碼文本居中展示在頁面上。這樣就可以讓代碼更加美觀、易讀。