如何在没有设定高度的容器内水平和垂直居中对象？

Question

如果您需要在没有设定高度的容器内水平和垂直居中对象，您将如何实现？

Answer 1

＆＃13;

＆＃13;

.centerDiv {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

＆＃13;

<div class="centerDiv">hello</div>

＆＃13;

＆＃13;

＆＃13;