html - 如何在 IE11 中去除 svg 图像顶部和底部的多余空间

Question

我正在使用 SVG 显示结果并希望将元素对齐到 defaultSize 容器的中心。在 chrome 中，svg 图像正确居中，但在 IE 11 中，svg 图像的顶部和底部显示了额外的空间，垂直滚动条也显示了。

.svgImage {
    width: auto;
    display: flex;
    align-items: center;
    height: 100%;
}

.defaultSize svg {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: left;
    transform-origin: left;
}

<div class="defaultSize">
  <div class="svgImage">
    <svg viewbox="0 0 1435.01 184.01">....</svg>
  </div>
</div>

在 chorme 中显示的 SVG:/image/yyndu.png

在 IE 中显示的 SVG:/image/srdfN.png

Answer 1

你需要显示: block ；在你的 svg 上。