div display: blok/none 总结

qdpurple

本文为转帖, 原帖请看:
http://www.cnblogs.com/Bill_Lee/archive/2011/04/11/2013110.html
 
几点, display:block: 自动换行
display:none : 隐藏div内容,与 hidden相比, 不占用位置.
 
 摘抄:
 
2、display的值有哪些
Css display值与解释
参数：
block :块对象的默认值。用该值为对象之后添加新行。之前也添加一行。
none :隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间
inline :内联对象的默认值。用该值将从对象中删除行。如果其前后都是inline的则在同一行
compact :分配对象为块对象或基于内容之上的内联对象
marker :指定内容在容器对象之前或之后。要使用此参数，对象必须和:after及:before 伪元素一起使用
inline-table :将表格显示为无前后换行的内联对象或内联容器
list-item :将块对象指定为列表项目。并可以添加可选项目标志
run-in :分配对象为块对象或基于内容之上的内联对象
table :将对象作为块元素级的表格显示
table-caption :将对象作为表格标题显示
table-cell :将对象作为表格单元格显示
table-column :将对象作为表格列显示
table-column-group :将对象作为表格列组显示
table-header-group :将对象作为表格标题组显示
table-footer-group :将对象作为表格脚注组显示
table-row :将对象作为表格行显示
table-row-group :将对象作为表格行组显示
3、css display:block
Display:block是我们常用的，block也是Display默认的值。
block元素(即默认display:block)的特点是： 
· 总是在新行上开始；
· 该对象随后的内容自动换行;
· 高度，行高以及顶和底边距都可控制；
· 宽度缺省是它的容器的100%，除非设定一个宽度
<div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。(意思是他们默认显示方式是block)
实例1.
CSS代码：
<div class="cnblogs_Highlighter"><div class="syntaxhighlighter nogutter  css"><div class="bar     "><div class="toolbar">view sourceprint?