我们常常在做网站的时候会div,li,span中加入span右对齐，例如：文章列表中在我们会加入时间让它右对齐，以增加网页的可读性，如下代码：

html如下：

<ul class="news">
    <li>span右对齐,换行显示的解决方法<span>2010-8-26</span></li>
</ul>

css：.news ul li span{float:right;}

不过问题又来了，往往我们在一个块中加入span时就会发现在网页中预览时span换行右对齐了，那么这是为什么呢？

More...

有时候在做导致或者友情链接的时候,我们会用到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;}

More...