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

当前位置 : 首页 > 网页制作 > CSS > FF浏览器下float换行的问题解决方法(IE和Chrome正常

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

来源: 作者: 时间:2015-11-15 12:42
代码在IE和Chrome能显示正常,但是在FF下就会有换行的问题,此问题让我很是疑惑,于是搜集整理了一些实用解决技巧,晒出来与大家一起分享,感兴趣的朋友可以参考下,希望本文对你学
代码在IE和Chrome能显示正常,但是在FF下就会有换行的问题,此问题让我很是疑惑,于是搜集整理了一些实用解决技巧,晒出来与大家一起分享,感兴趣的朋友可以参考下,希望本文对你学习浏览器兼容知识有所帮助,好了话不多说切入正题


复制代码
代码如下:

<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>

Tag:
网友评论

<