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