cssでdivをセンターに設定

Question

my divはちょうどセンターにはなりません。左上隅に表示されます。私はYouTubeのチュートリアルを見ましたが、うまくいきませんでした。

HTML：

<div id="preloader"> 
    <div id="preloader-gif"></div> 
</div> 

CSS：あなたが上、左、下と右マージン自動で0に設定する必要があり

body{ 
position: absolute; 
width: 100%; 
height: 100%; 
left: 0; 
top: 0; 
overflow: hidden; 
} 

#preloader{ 
position: absolute; 
width: 100%; 
height: 100%; 
left:0; 
top:0; 
background-color: #0e1e2f; 
content:""; 
z-index: 9999 
} 

#preloader-gif{ 
display: table; 
position: absolute; 
width: 25%; 
height: 25%; 
margin: 0 auto; 
background: url(./preloader.gif) no-repeat scroll center center; 
} 

Answer 1

https://jsfiddle.net/LLwntybh/

#preloader-gif{ 
    position: absolute; 
    width: 25%; 
    height: 25%; 
    margin: auto; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    background-color: red; 
} 

T彼のメソッドはあなたのように定義された幅と高さでのみ動作します。これは任意の幅/高さで機能します。