Question

In this jsfiddle我的左上角有一个旋转的字体Awsome。如何在屏幕中间（垂直和水平）显示它？

HTML

<i class="fa fa-spinner fa-spin"></i>

Answer 1

给它填充50％，边距为-8px（原始尺寸的50％）。 body必须跨越整个窗口。为了防止滚动条的奇怪行为（由于动画附加到.fa-spin），请在容器上使用这些样式：

<div class="center-all">
  <i class="fa fa-spinner fa-spin"></i>
</div>

css如下：

html, body {
  width: 100%;
  height: 100%;
}

.center-all {
  padding: 50%;
  margin: -8px;
  width: 16px;
  height: 16px;
}