Css 对齐SVG元素使其垂直和水平居中显示

我有一个SVG元素，它将被重用，并且大小不同。现在，我必须手动调整viewbox，使其显示在中间。中心是否有任何svg解决方案，无论大小

---

为什么不简单地调整视图框，使图标占据svg的全部空间，然后使用高度/宽度控制其大小，对于对齐，使用另一个div

因此，您可以轻松控制图标的大小和框的大小，并使用任何常用技术（我在本例中使用了flex）将SVG居中，并且无需每次更改

viewbox

：

svg{
边框：1px实心；
}
.盒子{
宽度：200px；
高度：200px；
边框：1px纯红；
显示：内联flex；
垂直对齐：顶部；
证明内容：中心；
对齐项目：居中；
}

svg{
保证金：自动；
}
.内容{
宽度：200px；
高度：200px；
边框：1px实心#ececec；
显示：内联flex；
对齐项目：居中；
}

我不想手动调整viewbox。如果我要手动更改viewbox的大小，这将是一项乏味的工作。谢谢你的帮助。但很抱歉这没用me@SanthoshKumar不，您不必手动更改它：）您必须更改它一次以使SVG完整，然后重新使用相同的内容。您只需更改sizeThank就可以获得解决方案