-
学习路上之（块对象）
版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
http://jonewin.blogbus.com/logs/11979564.html
今天在做页面时碰一个问题.
在一个包含<span>标签的<P>标签里,如果让<span>标签后面的文字换行显示.
源代码如下：
<p><span>以色列原产，高浓缩配比，新一代绿色环保消毒液</span>集适用性、经济性、耐用性、方便性、时尚性和安全性为一身</p>
效果：
我向一个技术（CSS森林）群里发问，
有人说，用<br>，我想这个方法很多人都知道。
还有个高手说：将<SPAN>标签强制作为块对象呈递. display : block
用 display : block 标签实现了换行的效果, 又学到了一招.
把display的相关资料贴上来.
语法：display : block | none | inline | compact | marker | inline-table | list-item | run-in | table | table-caption | table-cell | table-column | table-column-group | table-footer-group | table-header-group | table-row | table-row-group取值：block : CSS1 块对象的默认值。将对象强制作为块对象呈递，为对象之后添加新行 none : CSS1 隐藏对象。与 visibility 属性的hidden值不同，其不为被隐藏的对象保留其物理空间 inline : CSS1 内联对象的默认值。将对象强制作为内联对象呈递，从对象中删除行 inline-block : IE5.5 将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内 compact : CSS2 未支持。分配对象为块对象或基于内容之上的内联对象 marker : CSS2 未支持。指定内容在容器对象之前或之后。要使用此参数，对象必须和 :after 及 :before 伪元素一起使用 inline-table : CSS2 未支持。将表格显示为无前后换行的内联对象或内联容器 list-item : CSS2 将块对象指定为列表项目。并可以添加可选项目标志 run-in : CSS2 未支持。分配对象为块对象或基于内容之上的内联对象 table : CSS2 未支持。将对象作为块元素级的表格显示 table-caption : CSS2 未支持。将对象作为表格标题显示 table-cell : CSS2 未支持。将对象作为表格单元格显示 table-column : CSS2 未支持。将对象作为表格列显示 table-column-group : CSS2 未支持。将对象作为表格列组显示 table-header-group : CSS2 将对象作为表格标题组显示 table-footer-group : CSS2 将对象作为表格脚注组显示 table-row : CSS2 未支持。将对象作为表格行显示 table-row-group : CSS2 未支持。将对象作为表格行组显示 随机文章：
Css的常用滤波器属性及语句大全 2008/01/172008年：你是否准备好迎接新的浏览器？ 2008/01/03类似Google个性首页的页面自定义拖拽布局 2007/11/26用CSS控制输入框input悬停交互样式 2007/11/26CSS解决未知高度垂直居中【摘自blueidea】 2007/11/09
收藏到：Del.icio.us
评论
就你给出的效果图，我觉得用<h1>以色列原产，高浓缩配比，新一代绿色环保消毒液</h1><p>集适用性、经济性、耐用性、方便性、时尚性和安全性为一身</p>这样的结构应该更正确些（这里的h1表示hx）