HTML 参考手册

HTML 标签大全

HTML: <center> 标签

HTML Center 元素 ( <center>) 是个 块级元素,可以包含段落,以及其它块级和内联元素。这个元素的整个内容在它的上级元素中水平居中(通常是 <body>)。

在线示例

将 HTML 网页中的文本进行水平居中处理:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>鸟哥教程(niaoge.com)</title> 
</head>
<body>
<center>This text will be centered.
<p>So will this paragraph.</p></center>
<div style="text-align:center">This text will be centered.
<p>So will this paragraph.</p></div>
注意:向 div 或者 p 元素应用 text-align:center 会使这些元素的内容居中,同时保留其整体大小不变。
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都支持 <center> 标签。

标签定义及使用说明

HTML5 不支持 <center> 标签。请用 CSS 代替。

在 HTML 4.01 中,<center> 元素 已废弃。

<center> 对其所包括的文本进行水平居中。

提示和注意

提示:请使用 CSS 样式来居中文本!在 CSS 教程中您能了解到更多关于居中文本的细节。

HTML 4.01 与 HTML5之间的差异

HTML5 不支持 <center> 标签,HTML 4.01 已废弃 <center> 标签。

标准属性

在 HTML 4.01 中,<center> 标签支持如下标准属性:

属性描述
classclassname指定元素的类名
dirrtl
ltr
指定元素中内容的文本方向
idid指定元素的唯一 id
langlanguage_code指定元素中内容的语言代码
stylestyle_definition指定元素的行内样式
titletext指定元素的额外信息

如需完整的描述,请访问标准属性

事件属性

在 HTML 4.01 中,<center> 标签支持如下事件属性:

属性描述
onclickscript当鼠标被单击时执行脚本
ondblclickscript当鼠标被双击时执行脚本
onmousedownscript当鼠标按钮被按下时执行脚本
onmousemovescript当鼠标指针移动时执行脚本
onmouseoutscript当鼠标指针移出某元素时执行脚本
onmouseoverscript当鼠标指针悬停于某元素之上时执行脚本
onmouseupscript当鼠标按钮被松开时执行脚本
onkeydownscript当键盘被按下时执行脚本
onkeypressscript当键盘被按下后又松开时执行脚本
onkeyupscript当键盘被松开时执行脚本

如需完整的描述,请访问事件属性