Html 如何在IE11中删除svg图像顶部和底部的额外空间

Html 如何在IE11中删除svg图像顶部和底部的额外空间,html,css,svg,Html,Css,Svg,我正在使用SVG显示结果,并希望对齐defaultSize容器中心的项。在chrome中,svg图像正确居中,但在IE11中,svg图像的顶部和底部显示额外的空间,垂直滚动条也显示出来 .svgImage{ 宽度:自动; 显示器:flex; 对齐项目:居中; 身高:100%; } .defaultSize svg{ -webkit转换:规模(2); 变换:尺度(2); -webkit变换原点:左; 变换原点:左; } .... 您需要显示:块;在您的svg上 添加显示:svg上的块后无更改

我正在使用SVG显示结果,并希望对齐defaultSize容器中心的项。在chrome中,svg图像正确居中,但在IE11中,svg图像的顶部和底部显示额外的空间,垂直滚动条也显示出来

.svgImage{
宽度:自动;
显示器:flex;
对齐项目:居中;
身高:100%;
}
.defaultSize svg{
-webkit转换:规模(2);
变换:尺度(2);
-webkit变换原点:左;
变换原点:左;
}

....

您需要显示:块;在您的svg上


添加显示:svg上的块后无更改