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;

CSS背景色中心

2 个答案: