CSS之float在IE浏览器下换行问题如何解决方法

无论你活成什么样貌,背地里都会有人对你说三道四。不申辩不计较一笑了之,其实就是最好的蔑视。
复制代码
代码如下:

.h3 a {
background: url("/mimages/more.png") no-repeat scroll 100% 50% / 15px auto rgba(0, 0, 0, 0);
color: #FFFFFF;
float: right;
height: 30px;
text-indent: -9999px;
width: 50px;
}
<h3>
1F 热门车系
<a rel="nofollow noopener noreferrer" href="/msearch/?type=2">[更多+]</a>
</h3>
当程序如上时,a标签会在IE等浏览器下换行。
解决方法,就是把<a> 标签放在文本前面,如下:
<h3>
<a rel="nofollow noopener noreferrer" href="/msearch/?type=2">[更多+]</a>
1F 热门车系
</h3>

到此这篇关于CSS之float在IE浏览器下换行问题如何解决方法就介绍到这了。人这一生能力有限,但是努力无限,努力做一个的人,做一个心态阳光的人,做一个积极向上的人,用正能量激发自己,也感染身边的,你阳光,世界也会因你而精彩!一辈子要记住三句话:看人长处、帮人难处、记人好处,做一个充满正能量的人!更多相关CSS之float在IE浏览器下换行问题如何解决方法内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

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

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

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

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

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