实现未知图片宽高情况下在div中垂直居中

2017-06-23  本文已影响0人  _conquer_

html

<div id="box">
   ![](images/1.png)
</div>

css

#box{
    width: 700px;
    height: 500px;
    line-height:500px;
    font-size: 0;
    text-align: center;
    vertical-align: middle;
    border:1px solid red;
}
img{
    vertical-align: middle;
}
效果预览
上一篇下一篇

猜你喜欢

热点阅读