Question

嘿我试图将旋转器的中心高度垂直放置，因此它位于任何页面的中间。

<body>    
  <div class="spinner">
    <div class="double-bounce1"></div>
    <div class="double-bounce2"></div>
  </div>
</body>

.spinner的样式在这里：

.spinner {
  width: 40px;
  height: 40px;

  position: relative;
  margin: 100px auto;
}

我尝试将高度更改为height:100vh;，但它搞砸了内部div。如何将中心div移动到页面中心并保留我在此处找到的微调器：http://tobiasahlin.com/spinkit/

Answer 1

body{
  position: relative;
}

.spinner {
  width: 40px;
  height: 40px;

  position: absolute;
  top:50%;
  left:50%

  margin: -20px 0 0 -20px;
}

保证金：-20px 0 0 -20px;你会到达确切的中心。这是因为，top：50％和left：50px将显示从中心开始的元素。

Answer 2

.spinner {
  width: 40px;
  height: 40px;

  position: absolute;
  top:50%;
  left:50%
}

尝试使用绝对和顶级＆amp;剩下50％;它会把它们放在中心