代码在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能显示正常
2013020116543975.jpg
但是在FF下就会有换行的问题
2013020116543976.jpg
只要在加了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>
|