圖片居中.png
需求：實(shí)現(xiàn)圖片在盒子中的垂直對(duì)齊排列
知識(shí)點(diǎn)：添加參照物（span,width=0）實(shí)現(xiàn)，vertical-align:middle;
<div>
<img src="images/logo1.png" alt=""><span></span>
</div>
div{
width: 300px;
height: 300px;
border: 1px solid #000;
margin: 100px auto;
text-align: center;
}
img,span{
vertical-align: middle;
}
span{
display: inline-block;
width: 0;
height: 100%;
}
