问题描述
|
有一小部分代码
<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
的解决方案
解决方法
@ M2_我也遇到过同样的问题。尝试添加reset.css,它将重置浏览器默认具有的所有IE样式,您将在此处找到自定义CSS文件。还创建一个仅IE样式表,该样式表将专门针对IE,为此,您可以参考此样式表。希望这会帮助你。
, 您是否尝试将assign6分配给图像?
, 抱歉,我没有要测试的IE6,但是您是否尝试过
将填充和边距设置为0?
style=\"padding: 0; margin:0\"
设置图像的高度? style=\"height: 4px\"
设置图像的边框? style=\"border: none\"
或style=\"border: 0\"
, 尝试将<span class=\"bread-crums pathway\">
的line-height
设置为与图像相同的高度。
就是如果图片有22px
.breadcrumbs{_line-height:22px}