如何在 HTML 中居中顯示文字?


HTML 文件中,可以使用<centre> HTML 標籤將文字水平居中。由於 HTML5 已棄用此標籤,建議您改為使用 CSS 的 text-align 屬性來格式化文件的文字。<span class="tp-codespan"><centre>

注意 − HTML5 中不支援

語法

<p><center> ... </center></p>

以下是示例…

示例

在以下示例中,我們使用<span class="tp-codespan"><center>

<!DOCTYPE html> <html> <body> <p><center>Welcome to TutorialsPoint</center></p> <p>The Best E-Way learning.</p> </body> </html>

輸出

執行上述指令碼後,文字“welcome to tutorialspoint”將顯示在我們網頁的中心。

示例:使用 CSS

在以下示例中,我們使用 css 樣式(text-align:center)使我們的文字在中心顯示。

<!DOCTYPE html> <html> <style> h1 {text-align: center;} p {text-align: center;} div {text-align: center;} </style> <body> <h1>TUTORIALSPOINT</h1> <p>The E-Way Learning.</p> <div>Welcome To Tutorials.</div> </body> </html>

輸出

當我們執行上述指令碼時,文字將顯示在我們網頁的中心,如 CSS 屬性<span class="tp-codespan">text-align: center

更新於: 2023年8月31日

140K+ 瀏覽量

啟動您的職業生涯

透過完成課程獲得認證

開始學習
廣告