有时候在做导致或者友情链接的时候,我们会用到span或者li，当到当行尾时，如果距离不够时，则会出现布局错乱情况。代码如下：

<ul>

 <li><a href="#">友情链接</a></li>

 <li><a href="#">友情链接</a></li>

</ul>

#footer ul{border-bottom:10px solid #E0E0DE; padding:2px 5px 20px 2px; margin-bottom:5px; background-color:#FFFFFF;}

#footer li{ float:left; margin-left:5px;white-space:nowrap;}

我们只需在li css属性中加入：white-space:nowrap;即可。

有关white-space标签的属性，可以参照以下讲解，转载于css2.0手册。

normal:默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行

pre:换行和其他空白字符都将受到保护。这个值需要IE6+或者 !DOCTYPE 声明为 standards-compliant mode 支持。如果 !DOCTYPE 声明没有指定为 standards-compliant mode ，此属性可以使用，但是不会发生作用。结果等同于 normal 。参阅 pre 对象

nowrap  :　 强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象。参阅 noWrap 属性