FF浏览器下float换行的问题解决方法(IE和Chrome正常)

内容摘要
复制代码代码如下:
<li>
<a target="_blank" title="台要陆船离开钓鱼岛 台媒讽“小鼻子小眼”" href="/detail/tianxiajunshi/1949/1">台要陆船离开钓鱼岛 台
文章正文


复制代码
代码如下:

<li>
<a target="_blank" title="台要陆船离开钓鱼岛 台媒讽“小鼻子小眼”" href="/detail/tianxiajunshi/1949/1">台要陆船离开钓鱼岛 台媒讽“小鼻子小眼”</a>
<span style="float:right;color:Red;font-size:12px;">28日</span>
</li>

这段代码在IE和Chrome能显示正常

但是在FF下就会有换行的问题

只要在加了float:right的元素的前一个元素加上float:left即可正常显示

复制代码
代码如下:

<li>
<a target="_blank" title="台要陆船离开钓鱼岛 台媒讽“小鼻子小眼”" href="/detail/tianxiajunshi/1949/1" style="float:left">台要陆船离开钓鱼岛 台媒讽“小鼻子小眼”</a>
<span style="float:right;color:Red;font-size:12px;">28日</span>
</li>


代码注释

作者:喵哥笔记

IDC笔记

学的不仅是技术,更是梦想!