直接上代码:
dom:
<div class="box">
<div class="inner"></div>
</div>
style:
.box{
width: 300px;
height: 300px;
text-align: center;
border:1px solid darkgrey;
font-size:0;
*font-size:200px;
}
.inner{
width: 200px;
height: 200px;
background-color: orange;
display: inline-block;
vertical-align: middle;
}
.inner:after{
content: "";
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle;
overflow: hidden;
}
嘿,哥们,走错地方了。到隔壁文章去。