语法：
display : block | none | inline | list-item | inline-block ｜ table-footer-group | table-header-group
取值：
block : 块对象的默认值。将对象强制作为块对象呈递，为对象之后添加新行
none : 隐藏对象。与 visibility 属性的hidden值不同，其不为被隐藏的对象保留其物理空间
inline :内联对象的默认值。将对象强制作为内联对象呈递，从对象中删除行
inline-block : 将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内
list-item : 将块对象指定为列表项目。并可以添加可选项目标志
table-header-group :将对象作为表格标题组显示
table-footer-group :将对象作为表格脚注组显示
例1:
代码:<div style="border: 1px solid black; width: 300px; height: 100px;">
<div style="width: 20px; height: 20px; background: red;"> </div>
www.czbin.cn</div>
显示效果:
例2:
代码:<div style="border: 1px solid black; width: 300px; height: 100px;">
<div style="width: 20px; height: 20px; background: red;display: none;"> </div>
www.czbin.cn</div>
显示效果:
例３:与visibility的对比
代码:<div style="border: 1px solid black; width: 300px; height: 100px;">
<div style="width: 20px; height: 20px; background: red;visibility : hidden;"> </div>
www.czbin.cn</div>
显示效果: