如何在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>

SVG显示在https://i.stack.imgur.com/yyndu.png

中

在IE中显示的SVG：https://i.stack.imgur.com/srdfN.png

Answer 1

您需要显示：块；在您的svg上。