CSS属性 display 显示属性
来源:互联网 发布:小米mix淘宝 编辑:程序博客网 时间:2024/05/16 02:36
说明
演示示例 visibility 属性?
该CSS属性用来设定对象如何显示。
的缺省值都为 inline。
值:block | none | inline | inline-block | list-item | table-header-group | table-footer-group | inherit
可用值值的说明block象块类型元素一样显示。none缺省值。向行内元素类型一样显示。inline-block象行内元素一样显示,但其内容象块类型元素一样显示。list-item象块类型元素一样显示,并添加样式列表标记。table-header-group显示在任何表格行和行组合之前,在头部标题之后。table-footer-group显示在任何表格行和行组合之后,在底部标题前。除了以下元素,所有元素的 display ?
除了以下元素,所有元素的 display 的缺省值都为 inline:
元素 display 属性值ADDRESSblockBLOCKQUOTEblockBODYblockCENTERblockCOLblockCOLGROUPblockDDblockDIRblockDIVblockDLblockDTblockFIELDSETblockFORMblockFRAMEnonehnblockHRblockIFRAMEblockLEGENDblockLIlist-itemLISTINGblockMARQUEEblockMENUblockOLblockPblockPLAINTEXTblockPREblockTABLEblockTBODYnoneTDblockTFOOTnoneTHblockTHEADnoneTRblockULblockXMPblock所有可见的 html 对象为 block 或者 inline。举例来说,div对象就是一个块类型元素 (block element),而 span 对象则是一个行内元素 (inline element)。Block元素另起一行,并可以包含其它 block 元素和 inline 元素。Inline 元素则不会另起一行,inline 元素包含其它inline 元素或者数据。改变 display元素会影响周围的内容:
- 将元素设为 block,会在该元素后换行。
- 将元素设为 inline,会消除元素换行。
- 将元素设为 none,隐藏该元素内容。
对比 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属性用来设定对象如何显示。对象则是一个行内元素。
所有元素
作者或编者:布啦布啦 最近更新日期:2007-05-01参考来源:www.BlaBla.cn 布啦布啦网页教程与代码- CSS属性 display 显示属性
- CSS属性 display 显示属性
- CSS——display显示属性
- CSS中Display属性
- CSS display 属性
- CSS display属性
- css的display属性
- css中的display属性
- CSS------display 属性
- CSS display 属性
- CSS display 属性
- CSS display 属性
- CSS display 属性
- CSS display 属性
- css display属性
- CSS中的display属性
- css笔记-display属性
- css中display属性
- 解决'System.OutOfMemoryException' 的问题
- Java IO 学习心得
- 公司通过ISO9000
- 硅谷招聘流行搞怪试题 Google面试题答案揭密
- 6101项目总结
- CSS属性 display 显示属性
- 一个方法最多2个线程同时使用的JAVA实现
- 浅析ethx网卡控制函数ioctl实现具体流程【转】
- ubuntu的温度监控小软件
- 用PowerPoint制作比赛评分系统 [评委计分系统-双屏专业版],欢迎下载!!
- 玩转keybd_event
- 10.31
- 解决Oracle 账户锁定问题the account is locked
- 蚁群算法ACO (Ant Colony Optimization)