Question

代码的一小部分

<span class="breadcrumbs pathway">
<a href="somewhere.html" class="pathway">
    link
</a>
<img src="/customs/images/M_images/arrow.png" alt="" />
Архив
</span>

问题是图像高度小于字体大小，包含的线条变得更细。

尝试添加zoom:1;，display:inline-block或inline但没有结果

这件事只发生在ie6

UPD

好的，谢谢你们，伙计们。我找到了将img样式设置为display:inline-block;并添加padding-top:0.5em

的解决方案

Answer 1

@ M2_我也遇到了同样的问题。尝试添加 reset.css ，它将重置浏览器默认的所有IE样式，并在添加自定义css文件之前找到here。还要创建一个仅IE浏览器样式表，它将专门针对IE，您可以参考this。希望这会对你有所帮助。

Answer 2

您是否尝试将vertical-align: middle;分配给图片？

Answer 3

尝试设置line-height <span class="bread-crums pathway">与图像相同的高度。

IE中。如果图像有22px

.breadcrumbs{_line-height:22px}

Answer 4

抱歉，我没有IE6可用于测试，但是你试过

将填充和边距设置为0？ style="padding: 0; margin:0"
设置图像的高度？ style="height: 4px"
设置图片的边框？ style="border: none"或style="border: 0"

ie6 <img/>在<span>中更改行高</span>

4 个答案: