如何在 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
廣告