CSSの背景色中心

Question

あなたが使用している場合、私は、私がどのようなセンターを確立したい 左とトップを使用する

<style> 
#loading{ 
     position:absolute; 
     background-color: #6B718B; 
     font:40px Arial, Helvetica, sans-serif; 
     color:#ffffff; 
     padding:20px; 
     border-radius: 10px; 
     opacity:0.5; 

} 
</style> 
<div id="loading">Loading...</div> 

おかげ

Answer 1

を望んでいませんあなたはこれを次のようにすることができます：

#loading { 
    /* Whatever other code */ 
    background: url("/path/to/image.png")center center no-repeat; 
} 

Answer 2

CSSを使って中央に水平に配置することはできますが、垂直に配置することはできません。水平方向の中央揃えの場合：

margin: 10px auto; 

しかし、あなたはそのためにJavaScriptを試みることができる：あなたは背景色をセンタリングすることはできません

var height = window.innerHeight; 
var width = window.innerWidth; 
document.getElementById('myDiv').style.top = height/3; 
document.getElementById('myDiv').style.bottom = height/3; 
document.getElementById('myDiv').style.left = width/3; 
document.getElementById('myDiv').style.right = width/3;