我尝试使用 css 和 js 将图像居中对齐,但它不起作用。如果我增加或减少图像的宽度,图像不会在中心对齐。请帮助我解决可以将任何 svg 图像对齐到中心的解决方案,而不管它们的宽度如何。
<svg style="border:5px solid black" version="1.1" id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1000 500">
<image visibility="visible" id="header_image" x="45%" y="6%" width="20%" href="https://resources.mynewsdesk.com/image/upload/t_open_graph_image/eyblf65bkcezbnfxfo3n.jpg"></image>
</svg>