当前位置:首页 >> 网页制作

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


复制代码代码如下:
<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换行的问题解决方法(IE和Chrome正常)

但是在FF下就会有换行的问题
FF浏览器下float换行的问题解决方法(IE和Chrome正常)

只要在加了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>