CSS之float在IE浏览器下换行问题
2014-04-17 09:59
351 查看
.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 href="/msearch/?type=2">[更多+]</a>
</h3>
当程序如上时，a标签会在IE等浏览器下换行。
解决方法，就是把<a> 标签放在文本前面，如下：
<h3>
<a href="/msearch/?type=2">[更多+]</a>
1F 热门车系
</h3>
轮胎网
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 href="/msearch/?type=2">[更多+]</a>
</h3>
当程序如上时，a标签会在IE等浏览器下换行。
解决方法，就是把<a> 标签放在文本前面，如下：
<h3>
<a href="/msearch/?type=2">[更多+]</a>
1F 热门车系
</h3>
轮胎网
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- CSS之float在IE浏览器下换行问题解决方法
- CSS中float:right后右对齐换行问题
- [HTML][CSS]解决CSS中float:right后右对齐换行问题
- IE下CSS属性float:right下换行问题解决方法
- css li float后换行的问题
- CSS常规布局解决float右浮动换行超出的问题
- IE下CSS属性float:right下移换行或不显示的问题原因及解决
- css使用float:right后内容下移换行的问题原因及解决方案
- 解决CSS中float:right后右对齐换行问题
- css禁止float浮动元素自动换行/定位问题
- CSS中float:right后右对齐换行问题
- css解决无空格长字符换行问题
- 关于float的自动换行问题
- ie6 span 换行IE6中float:right换行问题的替代解决方案
- float在ie浏览器上的兼容问题
- 解决ie6下兼容float 换行问题，解决ie6下padding的时候 宽度不自动扩展问题
- css中float:right右对齐元素会换行不在同一条线上
- CSS 解决Float后塌陷问题
- IE浏览器下的CSS问题
- css使用float属性后的覆盖问题