SVG 避免空白

Question

我正在尝试将 SVG 图像添加到 Wordpress 并应用固定高度，以允许宽度灵活。

当我通过 CSS 定义固定高度时，宽度保持 100%，但图形不会填满空间。这会导致两边空间过大，这是个问题。

HTML 标记：

<img src="example.svg" alt="example" />

CSS：

img {
    height: 50px;
    width: auto;
}

是否可以避免这个额外的空间，以便我可以左对齐图像以与内容保持一致。

Answer 1

使用 example.svg 中的preserveAspectRatio = "none" 属性并相应地设置 viewBox 属性。