html如何居中svg，垂直居中SVG标签Maciej Papro..
19
我更新了这个答案，因为当前的浏览器有更好的解决⽅案.
多么聪明的⼈说，第⼀年你学习HTML和CSS，再过⼏年你学习⾼级的javascript，五年后你终于学会了如何垂直居中div.
垂直/⽔平对齐css中的任何内容都可以使⽤它.
Whatever
和css:
.outside{
position:relative;
}
.inside{
position:absolute;
top:50%;
bottom:50%;
transform:translate(-50%, -50%);
}
唯⼀的问题是元素不会产⽣⾼度.
⽼答案:
css设置文字垂直居中你有⾼度和宽度，所以你可以使⽤ margin : auto auto;
或者把它放在div中
position:absolute ;
left:50% ;
margin-left: -(half of width of image)px;
top:50% ;
margin-top: -(half of height of image)px;
第⼆个会更好，如果你将⽤它做⼀些东西(javascript动画或其他东西)
我没有检查它，但也许你可以使⽤svg的第⼆个选项(没有外部div)

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。