具有width:auto的SVG不会影响IE11中包含锚标签的宽度

时间:2018-09-11 15:53:22

标签: internet-explorer svg

我有一些用锚标签包裹的SVG图像。我希望图像的高度为25px,宽度为 date 2013-01-24 00:00:00 0,3818 2013-01-24 01:00:00 0,17802 2013-01-24 02:00:00 0,22356 2013-01-24 03:00:00 0,1771 2013-01-24 04:00:00 0,19389 2013-01-24 05:00:00 0,20401 2013-01-24 06:00:00 0,18354 2013-01-24 07:00:00 0,46184 2013-01-24 08:00:00 0,43838 2013-01-24 09:00:00 0,78292 2013-01-24 10:00:00 1,81792 2013-01-24 11:00:00 2,40833 2013-01-24 12:00:00 1,55746 2013-01-24 13:00:00 1,2075 2013-01-24 14:00:00 2,4196 2013-01-24 15:00:00 0,95979 2013-01-24 16:00:00 0,51681 2013-01-24 17:00:00 0,46529 2013-01-24 18:00:00 0,58328 2013-01-24 19:00:00 1,40185 2013-01-24 20:00:00 0,71484 2013-01-24 21:00:00 0,48576 2013-01-24 22:00:00 0,04278 2013-01-24 23:00:00 0,07291 2013-01-25 00:00:00 0,0713 。在现代浏览器中,这种方法可以正常工作,但是在IE中,anchor标签的宽度似乎并未适应图像的宽度。有谁知道我该怎么解决?

编辑:即使将定位标记更改为div,此问题仍然存在。无论包含元素的类型如何,它似乎都能产生相同的结果。

编辑2:在SVG上指定宽度可以解决此问题,但这不是可行的解决方案,因为SVG是动态引入的,并且有数百个。寻找一种解决方案,使我只能指定高度,并按比例指定宽度比例。

编辑3:感谢@DipenShah,已确定此问题仅出现在较旧的IE11版本中。

auto
a.logo {
  display:inline-block;
  padding:14px 10px 11px;
  border:1px solid #e5e5e5;
}
a.logo img {
  display:block;
  height:25px;
}

这是我在IE中得到的结果: enter image description here

1 个答案:

答案 0 :(得分:1)

较早版本的IE可能存在问题。在IE 11.345.17134.0上运行正常。

enter image description here