センターは、一部のブラウザで作品をスクリーニングするためのdivを合わせて、いくつかのdont

Question

.txt-loading { 
 
    width: 250px; 
 
    height: 75px; 
 
    text-align : center; 
 
    position : fixed; 
 
    top : 0; 
 
    left : 0; 
 
    right : 0; 
 
    bottom: 0; 
 
    margin : auto; 
 
    font-size : 16px; 
 
    z-index : 10; 
 
}

<div class="txt-loading">Loading...</div>

に私は画面にdiv要素を中央揃えするために、インターネット上のどこかにこのコードを見ていると、それはクロムに仕事を始めなく、 IEで働いています。私はかなりCSSのスタイリングは画面にdivを中心に間違っているが、なぜそれがクロームで動作し、時にはIEで動作することも確信しています。それは動作するかもしれないブラウザーの癖のモードに起因するかもしれませんが、なぜクロームで動作するのか誰に教えてくれるのでしょうか？なぜIE 11では動作しません。

Answer 1

あなたのやり方では、ウィンドウ全体にdivを伸ばします。

.txt-loading { 
 
    text-align : center; 
 
    position : fixed; 
 
    top : 50%; 
 
    left : 50%; 
 
    transform: translate(-50%,-50%); 
 
    font-size : 16px; 
 
    z-index : 10; 
 
}

<div class="txt-loading">Loading...</div>