Я пытаюсь выяснить способ вертикального центрирования моего тега SVG.
В принципе, вот упрощенный SVG-код, который я пытаюсь сосредоточить:
<svg height="272" style="background-color:transparent;margin-left: auto; margin-right: auto;" width="130" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g style="font-size: 0.7em;" transform="scale(1 1) rotate(0) translate(0 270)">
<g id="1" style="font-size: 0.7em;">
<image height="32" width="32" x="49" xlink:href="../../images/JOB.GIF" y="-270"/>
</g>
</g>
</svg>
Мне нетрудно положить его посередине (по горизонтали) страницы, однако мне бы хотелось, чтобы она была также вертикально центрирована.
Я могу добавить обертки, но я хотел бы знать общий способ сделать это, не зависящий от размера SVG и размера окна.
Я пробовал несколько способов, но ничего не получилось.
Спасибо,