【问题标题】: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%?

【讨论】: