• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • <center>

    版本:HTML5废弃

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

    这个标签已经在 HTML4(以及 XHTML 1)中废除了,以支持CSS text-align属性,它可以用于 <div>元素,或者独立的<p>。对于居中的块,使用其它 CSS 属性,例如 margin-leftmargin-right,并将其设置为 auto(或者将 margin设为0 auto).

    DOM 接口

    这个元素实现了HTMLElement接口。

    实现注解: 直到 Gecko 1.9.2(包含), Firefox 为这个元素实现了 HTMLSpanElement接口。

    示例 1

    <center>this text will be centered.
    <p>so will this paragraph.</p></center>
    

    示例 2 (CSS 替代)

    <div style="text-align:center">this text will be centered.
    <p>so will this paragraph.</p></div>
    

    示例 3 (CSS 替代)

    <p style="text-align:center">this line will be centered.<br>
    and so will this line.</p>
    

    <div>或者<p>元素应用text-align:center 会使这些元素的内容居中,同时保留其整体大小不变。

    实例

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

    <center>this text will be center-aligned.</center>

    浏览器支持

    所有主流浏览器都支持<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当键盘被松开时执行脚本

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

    上篇:<blink>

    下篇:<command>