<div> - 泛用块元素

首页 > HTML标签 > <div>

■ 摘要

项目说明
形式<div>~</div>
支持H3+ / e3+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+
标签省略开始标签:必须,结束标签:必须
可包含元素块元素 / 内联元素

■ 说明

<div> 本身并没有什么意义,可以当作普通的块元素,在 CSS 和 JavaScfript 调用。

同样作用的标签还有 <span>,区别是 <div> 为块元素(一般前后会换行),而 <span> 为内联元素(一般前后不会换行)。

■ 属性

【特性】
属性意义
align=alignH3-H4T/e3+/N2。指定显示的位置。
  center:居中(H3/e3/N2)
  left:居左(H3/e3/N2)(默认值)
  right:居右(H3/e3/N2)
  justify:两端对齐(H3/e6)

【数据绑定相关属性】
属性意义
datafld=dataflde4+。指定数据绑定时的数据源的列名。
dataformatas=formate4+。指定数据绑定时的数据形式,可选 htmltext
datasrc=datasrce4+。指定数据绑定时的数据源的ID。

【一般属性】
属性意义
class=classH4+/e3+/N4+。指定类。
id=idH4+/e3+/N4+。指定ID。
style=styleH4+/e3+/N4+。指定样式。
title=titleH4+/e4+/N6+。指定标题。
dir=dirH4+/e5+/N6+。指定文字显示的方向。
lang=langH4+/e4+/N6+。指定语言种类。
accesskey=keyH5+。指定快捷键。
tabindex=nH5+。指定TAB键在控件中的移动顺序。
contenteditable=boolH5+/e55+。使元素可编辑。
contextmenu=idH5+。指定contextmenu。
draggable=boolH5+。可拖动。
dropzone=valueH5+。可拖放。
hiddenH5+。隐藏元素。
spellcheck=boolH5+。检查拼写。
IE扩展属性可以指定IE扩展属性。

■ 举例

HTML代码
<div style="border:1px solid gray; text-align:right">
居右显示
</div>

浏览器显示效果
居右显示

■ 换行与<div>

换行的时候除了使用 <br> 标签,也可以使用 <div> 标签。

HTML代码
monmonkey.com<br>
猴子web入门——猴子也能看懂的网页制作入门<br>
Copyright (C) 2011 mmkguanli<br>
   ↓
<div>monmonkey.com</div>
<div>猴子web入门——猴子也能看懂的网页制作入门</div>
<div>Copyright (C) 2011 mmkguanli</div>

■ 相关

<span><style>