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