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

  1. 云栖社区>
  2. 博客>
  3. 正文

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

cometwo123 2016-03-28 21:31:00 浏览1159
展开阅读全文

这里写图片描述

<!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>

网友评论

登录后评论
0/500
评论
cometwo123
+ 关注