1.
img {
- 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>