阅读 250

HTML: <center> 标签

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

在线示例

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

示例

<!doctype html><html><head><meta charset="UTF-8"><title>基础教程网(nhooo.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当键盘被松开时执行脚本


文章分类
代码人生
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐