美文网首页
实现未知图片宽高情况下在div中垂直居中

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

作者: _conquer_ | 来源:发表于2017-06-23 14:59 被阅读0次

    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;
    }
    
    效果预览

    相关文章

      网友评论

          本文标题:实现未知图片宽高情况下在div中垂直居中

          本文链接:https://www.haomeiwen.com/subject/hneccxtx.html