画面の中央にあるフォントAwsome

Question

In this jsfiddle左上隅に回転するフォントAwsomeがあります。それを画面の中央（縦と横）に表示する方法は？

HTML

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

Answer 1

はそれを50％のパディングと-8pxのマージン（元のサイズの50％）を得ました。 bodyはウィンドウ全体に広がっている必要があります。 （原因の.Faスピンをするために添付のアニメーションに）スクロールバーの奇妙な行動を防ぐために容器上にこれらのスタイルを使用して次のように

<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; 
} 

はhttps://jsfiddle.net/82z3t8dL/3/

を参照してください。