如何在div中将高度可变的内容垂直居中？

如何在div中将高度可变的内容垂直居中？

只需添加

position: relative;top: 50%;transform: translateY(-50%);

到内部div

它的作用是将内部div的顶部边框移到外部div的一半高度（

top: 50%;

），然后将内部div向上移动一半其高度（

transform:translateY(-50%)

）。这将与

position: absolute

或一起使用

relative

。

请记住，

transform

并

translate

具有供应商前缀，为简单起见不包括在内。