未知图片宽高水平垂直居中

最新推荐文章于 2018-08-01 14:51:08 发布

何烨坪Echo

最新推荐文章于 2018-08-01 14:51:08 发布

阅读量799

点赞数 1

分类专栏： WEB前端

本文链接：https://blog.csdn.net/heye13/article/details/51538538

版权

WEB前端专栏收录该内容

31 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>未知图片宽高居中</title>
        <style type="text/css">
            .div-1 {
                width: 200px;
                height: 200px;
                border: 1px solid red;
                text-align: center;
                display: table-cell; 
                vertical-align: middle;
            } 
        </style>
    </head>
    <body>
        <div class="div-1">
            <img src="img/11111.jpg" />
        </div>
    </body>
</html>