如何使嵌入式SVG文件居中？

Question

我正在使用嵌入式SVG文件作为我页面的顶部元素。 （标题？）

它加载得很好，但我尝试的任何东西似乎都让它居中。

以下是我在正文开头时使用的内容：

<embed src="images/bannertest.svg" width="1180" height="200" type="image/svg+xml"/>

我已经将它包装在DIV中并使用CSS来“margin：auto”但是如果不填充它就无法让它变为预算。问题是当我调整窗口大小时它会变得很糟糕。

Answer 1

我在这里添加代码。检查它可能会帮助你..

HTML：

<div>
<img class="papa" height="100" src="http://s.cdpn.io/3/kiwi.svg">
</div>

CSS：

<style>
div { text-align:center}
</style>

这是一个小提琴http://jsfiddle.net/6sRR2/

希望。它帮助你:)）

Answer 2

HTML

<div class="parent">
  <embed src="images/bannertest.svg" width="1180" height="200" type="image/svg+xml"/>
</div>

CSS

 .parent{
     display:block;
     margin:0 auto;
 }

或使用此css

 .parent embed{
      display:table;
      margin:0 auto;

}