HTML部分:
<div class="outmiddle">
<div class="middle">
<img src="../../assets/img/telecom/introduce.png">
</div>
</div>
CSS部分:
.outmiddle{
width: 100%;
height: 300px;//高度也可百分比
position: relative;
}
使用CSS3中的transform的translate转换属性
.middle{
position: absolute;
top: 50%;
left: 50%;
width:50%;
height:100%;
padding:20px;
text-align:center;
background:#393;
color:#fff;
transform: translate(-50%, -50%);
}
.middle img{
width: 300px;
height: 200px;
}