html - 使用 CSS 在 Div 中垂直居中 SVG img

Question

在 div 中，我有一个 img 标签，它引用了一个 SVG 文件。我想将此图像垂直和水平居中在 div 中。目标是 IE 9/10 和 FF。我尝试了来自各种 CSS 网站的各种建议，但似乎没有什么能给我预期的垂直间距/居中。SVG 文件将通过 jscript 更改其大小，因此居中必须是“动态的”。

这是我最新的 CSS：

.bigbox {
border: 1px solid #808080;
background-color: #FFFFFF;
display: table;
width: 300px;
height: 100px;
}
img {
width: 95%;
vertical-align: middle;
text-align: center;
display: table-cell;
}

的HTML：

 <div class="bigbox">
        <img src="LOGOo2.svg"/>
    </div>