如何在 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.