css-图片垂直居中

1.

img {
  1. vertical-align: middle;
}
 
2.
<body>
<div>
<img src="1.jpg" alt="haha">
</div>
</body>
 
<style type="text/css">
    *{margin: 0;padding: 0;}
    div{
        width:150px;
        height: 100px;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        border:1px solid #000;
    }
    img {
        width: 50px;
        height: 50px;
    }
</style>

　　

posted on 2018-08-08 14:00  童彪  阅读(130)  评论(0)  编辑  收藏  举报

导航