层的换行

原文地址：层的换行 作者：xuchuanxun

10、层的换行

用DIV做东西，今天碰到点问题
<div nowrap>
<div style="float:left">此处显示新 Div1 标签的内容</div>
<div style="float:left">此处显示新 Div2 标签的内容</div>
<div style="float:left">此处显示新 Div3 标签的内容</div>
<div style="float:left">此处显示新 Div4 标签的内容</div>
<div style="float:left">此处显示新 Div5 标签的内容</div>
<div style="float:left">此处显示新 Div6 标签的内容</div>
<div style="float:left">此处显示新 Div7 标签的内容</div>
<div style="float:left">此处显示新 Div8 标签的内容</div>
<div style="float:left">此处显示新 Div9 标签的内容</div>
<div style="float:left">此处显示新 Div10 标签的内容</div>
</div>
现在层是自动换行了，我不想让它换行，想在一行显示全部内容？

需要为容器指定宽度，如：
<style>
ul {margin:0px;padding:2px;width:300%;border:1px solid #630;}
li {display:inline;border:1px solid #f00;}
</style>
<ul>
<li>此处显示新 li1 标签的内容</li>
<li>此处显示新 li2 标签的内容</li>
<li>此处显示新 li3 标签的内容</li>
<li>此处显示新 li4 标签的内容</li>
<li>此处显示新 li5 标签的内容</li>
<li>此处显示新 li6 标签的内容</li>
<li>此处显示新 li7 标签的内容</li>
<li>此处显示新 li8 标签的内容</li>
<li>此处显示新 li9 标签的内容</li>
<li>此处显示新 li10 标签的内容</li>
</ul>

11、html很多标签都有display属性，dipslay的值block,inline,none,list-item 分别表示什么

block :　块对象的默认值。将对象强制作为块对象呈递，为对象之后添加新行
none :　隐藏对象。与 visibility 属性的hidden值不同，其不为被隐藏的对象保留其物理空间
inline :　内联对象的默认值。将对象强制作为内联对象呈递，从对象中删除行
inline-block :　将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内
list-item :　将块对象指定为列表项目。并可以添加可选项目标志