如何在 HTML 中使文字居中?


HTML 文件 中的文字可以使用 <centre> HTML 標籤 進行水平居中。由於 HTML5 取消了該標籤,因此建議您使用 CSS text-align 屬性來水平格式化文件的文字。此標籤的另一個名稱是 <centre> 元素。

注意 − HTML5 中不支援

語法

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

以下是示例…

示例

在以下示例中,我們正在使用 <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 屬性 text-align: center 所指定。

更新時間:31-8 月-2023

140,000+ 次瀏覽

開始你的 事業

透過完成課程獲得認證

開始
廣告
© . All rights reserved.