html没有宽度 居中显示,html – 将div内容居中,没有固定的宽度或高度

这样就可以了：

你需要将你的内容包装为div：table和height / width为50％和90％.

然后将.outer-zone设置为display：table-cell; vartical对齐：中间.

HTML：

Outer zone.

Inner zone here...

CSS：

html,body{

height:100%;

width:100%;

display:table;

}

.page{

display:table-cell;

vertical-align:middle;

}

.wrap{

width:90%;

height:50%;

display:table;

margin:0 auto;

}

.outer-zone {

display:table-cell;

vertical-align:middle;

background-color : navy;

color : whitesmoke;

text-align: center;

margin-left: auto;

margin-right: auto;

}

.inner-zone {

background-color : deepskyblue;

color : navy;

width : 75%;

height : 40%;

margin:0 auto;

}