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

困难是动摇者和懦夫掉队回头的便桥;但也是勇敢者前进的脚踏石。我不识何谓君子,但看每事肯吃亏者便是;我不识何谓小人,但看每事好占便宜者便是。

复制代码
代码如下:

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

到此这篇关于FF浏览器下float换行的问题如何解决方法(IE和Chrome正常)就介绍到这了。人只要有坚定的不断成长的信念,即使每天成长得很慢,终会实现他成功的梦想。更多相关FF浏览器下float换行的问题如何解决方法(IE和Chrome正常)内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

CSS如何使用Flex和Grid布局如何实现3D骰子

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例