如何在 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 所指定。
廣告
資料結構
網路
RDBMS
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP