IE7-span折行问题

本文主要是介绍IE7-span折行问题，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

转载：http://wenku.baidu.com/link?url=W65gJs6xbH_pBzcc_NaPOK2EjIy4QRo8RkfZd3_72L8v5OWeIWbjXklFNa7WLVgQcmE5DKQs2NuVO5qUzs4IQDzcy8tDvSsCsrnzetbYITC

问题描述：

<p class="title_p">下载服务<span class="more_p">更多</span></p>

标签<p></p>中嵌入<span></span>标签，前者为块级元素，后者为内联元素。这样的使用方法是合理的。但是在测试中发现，IE 7和IE 6并不兼容，出现span折行的现象。
如何解决这样的兼容性问题？

解决方案：

在css文件中，添加如下代码行。

*margin:-23px 5px 0 0;

注：使用IE hack专门在IE 6和IE 7中设置负的上外边框（margin-top：-xxxpx）。既然此bug只在IE 6和IE 7中存在，则只需要在 IE6 和IE7 下为右浮动元素设置一个负的上外边距即可。其他浏览器保持原样式。所以可以考虑使用只有IE6 和IE7支持的hack方式：在css特性前加“*”。

这篇关于IE7-span折行问题的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---