transform translateY(-50%) 实现元素垂直居中效果

Posted peko

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了transform translateY(-50%) 实现元素垂直居中效果相关的知识,希望对你有一定的参考价值。

在相对的空间内,垂直居中。position: relative;top: 50%;transform: translateY(-50%);

 

无论内容怎么增加,全文都是垂直居中的。

以上是关于transform translateY(-50%) 实现元素垂直居中效果的主要内容,如果未能解决你的问题,请参考以下文章

火箭 上下抖一抖的是怎么做出来的

当我在父级中使用 transform translateY(0) 时,可滚动 div 内的内容在 IE11 中闪烁

css2D转换(transform)

用jquery如何获取transform的值?

03-css3D转换

怎么用用css的方法做出上下门移动的效果?