Html ie6<;img>;在<;span>;更改线高度
代码中有一小部分Html ie6<;img>;在<;span>;更改线高度,html,css,internet-explorer-6,Html,Css,Internet Explorer 6,代码中有一小部分 <span class="breadcrumbs pathway"> <a href="somewhere.html" class="pathway"> link </a> <img src="/customs/images/M_images/arrow.png" alt="" /> Архив </span> Архив 问题是图像的高度小于字体大小,并且包含的行变得更细 尝试添加缩放:1,显示:内联块
<span class="breadcrumbs pathway">
<a href="somewhere.html" class="pathway">
link
</a>
<img src="/customs/images/M_images/arrow.png" alt="" />
Архив
</span>
Архив
问题是图像的高度小于字体大小,并且包含的行变得更细
尝试添加缩放:1代码>,显示:内联块
或内联
无结果
这种情况只发生在ie6中
UPD
谢谢大家,伙计们。我找到了一个解决方案,可以将img样式设置为display:inline block编码>并添加一个填充顶部:0.5em
是否尝试分配垂直对齐:中间编码>到图像?尝试将
的行高度设置为与图像相同的高度
即,如果图像具有22px
.breadcrumbs{_line-height:22px}
抱歉,我没有IE6可供测试,但您尝试过吗
- 将填充和边距设置为0
style=“填充:0;边距:0”
- 设置图像的高度<代码>样式=“高度:4px”
设置图像的边框style=“border:none”或style=“border:0”
@M2_uu我也面临同样的问题。尝试添加reset.css,它将重置浏览器默认拥有的所有IE样式,您将在添加自定义css文件之前找到这些样式。还要创建一个只针对IE的样式表,该样式表将专门针对IE,您可以参考。希望这会对你有所帮助。设置不同的css,比如:
img{width:100px;height:100px;border:0;等等。
图像是9x9px,如果我将width
和height
设置为9px,那么没有任何积极(或消极)的影响,如果我设置它,例如1.5em,那么每次我在这里询问ie6的时候,它都会散开,这不是我的特权。跨度可以包含几条线,所以它不是固定高度。你能做一把小提琴吗?这不会影响包含元素的整体高度。嗯,图像的高度是9px,因此将线高度设置得太小并不好,但它肯定会起作用。如果我将图像高度用作很久以前的值,那么线会太细,但我认为这会对某人有所帮助