margin属性值可以为百分比
margin-top的值为%，是相对于谁的百分⽐
以前⼀直⽤margin-top:50%,transform:translateY(-50%)来实现垂直居中，但是今天在⾃⼰做banner的上下切换按钮的垂直居中的时候才发现，margin-top的%值是相对于⽗元素的宽度的。
也可以改变布局：writing-mode:vertical-rl；为纵向排列，那么相对的百分⽐就是相对于⾼度了。
⽤top：50%，配合transform:translateY(-50%)就没有这个问题，可以完美的实现垂直居中。

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