		工具搜索引擎	加入收藏意见反馈帮助中心繁體中文

首页

工具超市

产品信息

资讯中心

工具黄页

站长工具

实用工具

会员管理

联系我们

广告投放

您当前的位置：工具网站长书库> CSS教程

CSS属性 display 显示属性

说明

该CSS属性用来设定对象如何显示。

除了以下元素，所有元素的 display 的缺省值都为 inline：

元素 display 属性值

ADDRESS block

BLOCKQUOTE block

BODY block

CENTER block

COL block

COLGROUP block

DD block

DIR block

DIV block

DL block

DT block

FIELDSET block

FORM block

FRAME none

hn block

HR block

IFRAME block

LEGEND block

LI list-item

LISTING block

MARQUEE block

MENU block

OL block

P block

PLAINTEXT block

PRE block

TABLE block

TBODY none

TD block

TFOOT none

TH block

THEAD none

TR block

UL block

XMP block

所有可见的 html 对象为 block 或者 inline。举例来说，div 对象就是一个块类型元素 (block element)，而 span 对象则是一个行内元素 (inline element)。Block 元素另起一行，并可以包含其它 block 元素和 inline 元素。Inline 元素则不会另起一行，inline 元素包含其它 inline 元素或者数据。改变 display元素会影响周围的内容：

对比 visibility 属性， display 值设为 none 时，会消除该元素占据的空间。

示例代码

div {display:none;}

下面的代码显示了 display 属性中block, inline, none的区别。

<html>

<head><title>不同display属性的代码示例</title></head>

<body>

<P><SPAN id="oSpan" style="background-color: #CFCFCF;">This is a SPAN</SPAN> in a sentence.</P>

<P>

<input type=button value="Inline" onclick="oSpan.style.display='inline'">

<input type=button value="Block" onclick="oSpan.style.display='block'">

<input type=button value="None" onclick="oSpan.style.display='none'">

</P>

</body>

</html>

演示示例

继承

否

适用于

所有元素

CSS属性 display 显示属性

说明

示例代码

继承

适用于

返回上级目录

CSS

CSS教程

CSS代码示例

CSS参考(Reference)