在背景中居中 SVG 图像答案

【问题标题】：Center SVG image in background在背景中居中 SVG 图像
【发布时间】：2016-01-23 15:37:16
【问题描述】：

我在背景中将 SVG 图像居中时遇到问题。

这里是 CCS：

.cs-title {
  display: block;
  background: url("../logo.svg");
  background-repeat: no-repeat;
  height: 220px;
  margin: 0 auto;
  text-indent: -9999px;
  width: 440px;  
  background-position:left center;
  float: center;
}

你们有什么想法吗？

谢谢！

【问题讨论】：

我同意 Sam 的 cmets。请参考此link。
如果没有 SVG 本身的详细信息，我们无法提供太多建议。如果徽标本身不在 SVG 中居中，您将遇到麻烦。
你也知道没有像float:center这样的属性/值

标签： html css svg

【解决方案1】：

对于徽标，我会将 svg 放在页面上，而不是作为背景图片。另外，如果没有更多信息，我猜问题出在 svg 本身。您是否已将 svg 代码中的 viewbox 属性设置为 svg 尺寸，并将高度和宽度设置为 100%？

【讨论】：