博客小子:记录我们对互联网和生活的探索! 注册 | 登陆

span元素float:right 后右对齐换行原因及其解决

Tags: css, span, float, 换行

<div>

谷歌会稍微好一些,博客小子。
<span class="right">
其实百度是垃圾!!
</span>
</div>

原因:

当非float的元素和float的元素在一起的时候,如果非float元素在先,那么float的元素将被排斥
也就是说,你的span是float:right,但是你文本还是float:none

如果要让两者占据同一行,一般有两个解决方法:

第一种:把span先于文本显示

如:

<div>
<span class="right">
其实百度是垃圾!!
</span>
谷歌会稍微好一些,博客小子。
</div>

第二:把文本也设成float

如:

<div>
<span class="right">
其实百度是垃圾!!
</span>

<span class="left">

谷歌会稍微好一些,博客小子。

</span>
</div>

Tags: css, span, float, 换行

« 上一篇:Nginx + PHP 搭建高性能web服务器 | 下一篇:晒晒照片! »

只显示10条记录相关文章

Trackbacks

点击获得Trackback地址,Encode: UTF-8

3条记录访客评论

实际应用中的意义好像不太大哟.

Post by 东南风博客 on 2009, June 23, 2:44 PM 引用此文发表评论 #1

引用 东南风博客 说过的话:
实际应用中的意义好像不太大哟.
因为不懂这个问题,我折腾了半天!

Post by wayswang on 2009, July 10, 6:32 PM 引用此文发表评论 #2

折腾了半天,解决了这样

Post by tttttttttttd on 2010, July 21, 10:20 AM 引用此文发表评论 #3


发表评论

评论内容 (必填):