首页 > 代码库 > css float样式的换行问题
css float样式的换行问题
在Chrome、Firefox下这个问题没有出现,但是在IE下就会出现,另起一行了。
问题原因是:
当非float的元素和float的元素在一起的时候,如果非float元素在先,那么float的元素将被排斥也就是说,你的span是float:right,但是你文本还是float:none。
如果要让两者在同一行的话,有两种方法。
1.将span标签写在文本的前面
<span style="float:right;">文本二</span>文本一
2.文本的样式也为float
<span style="float:left">文本一</span><span style="float:right;">文本二</span><span style="clear:both;"></span>
css float样式的换行问题
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。