html5中文学习网

您的位置: 首页 > 网页制作 > css教程 » 正文

CSS之float在IE浏览器下换行问题解决方法_浏览器兼容教程_CSS_网页制作

[ ] 已经帮助:人解决问题
点评:a标签float在IE等浏览器下换行的情况想必大家都有遇到过吧,解决方法很简单,就是把a标签放在文本前面,下面是具体的示例,需要的朋友了解下

复制代码
代码如下:
eCRHTML5中文学习网 - HTML5先行者学习网
.h3 a { eCRHTML5中文学习网 - HTML5先行者学习网
background: url("/mimages/more.png") no-repeat scroll 100% 50% / 15px auto rgba(0, 0, 0, 0); eCRHTML5中文学习网 - HTML5先行者学习网
color: #FFFFFF; eCRHTML5中文学习网 - HTML5先行者学习网
float: right; eCRHTML5中文学习网 - HTML5先行者学习网
height: 30px; eCRHTML5中文学习网 - HTML5先行者学习网
text-indent: -9999px; eCRHTML5中文学习网 - HTML5先行者学习网
width: 50px; eCRHTML5中文学习网 - HTML5先行者学习网
} eCRHTML5中文学习网 - HTML5先行者学习网
<h3> eCRHTML5中文学习网 - HTML5先行者学习网
1F 热门车系 eCRHTML5中文学习网 - HTML5先行者学习网
<a href="/msearch/?type=2">[更多+]</a> eCRHTML5中文学习网 - HTML5先行者学习网
</h3> eCRHTML5中文学习网 - HTML5先行者学习网
当程序如上时,a标签会在IE等浏览器下换行。 eCRHTML5中文学习网 - HTML5先行者学习网
解决方法,就是把<a> 标签放在文本前面,如下: eCRHTML5中文学习网 - HTML5先行者学习网
<h3> eCRHTML5中文学习网 - HTML5先行者学习网
<a href="/msearch/?type=2">[更多+]</a> eCRHTML5中文学习网 - HTML5先行者学习网
1F 热门车系 eCRHTML5中文学习网 - HTML5先行者学习网
</h3> eCRHTML5中文学习网 - HTML5先行者学习网
(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助