div
适用DTD:Strict Transitional Frameset 适用浏览器:All
释义
通用块级元素(division)
语法
<div 属性="属性值">~标签内容~</div>
说明
div为一包含型的块级元素,可以把放在其“标签内容”中的元素一并进行设置(例如对齐方式),若是加上id、class等属性设置则可进行任意范围的样式设置
div元素会在新的一行产生一个文档模型定义容器,将相关内容和元素组织在一起(如果有的话),等待设计者为其提供属性
同
span
元素一样,div实际上向作者提供了一种创建自定义元素的方式
div终止标签不可省略,元素可以多重嵌套
属性
属性
属性值
说明
①
align
字符串:预定义值
可选值有:left、right、center、justify。定义区块中内容的对齐方式,left表示左对齐,right表示右对齐,center表示居中对齐,justify表示分散对齐,默认值为left。此属性仅在Transitioanl DTD和Frameset DTD文档中使用。
② 通用属性:id、class、title、style、dir、lang、
xml:lang
nbsp;
示范
1.设定对齐方式:
<div
algin
=
"center"
>
区块容器中的内容
</div>
2.设定样式:
<div
style
=
"border:1px solid green"
>
区块容器中的内容
</div>
范例
下面的例子显示了XHTML文件基础结构:
运行
打印
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>元素div</title>
<style type="text/css">
.new { border:1px dotted red;height:50px}
</style>
</head>
<body>
注意下面div的区块性质:
<div style="border:1px solid green;background-color:lime">这里是div1<div style="background-color:yellow;width:50%"> 这里是div2</div></div><div class=" new" >This is a new div.</div>
</body>
</html>
参阅
无