行内块元素默认外边距问题

行内块元素默认外边距解决方法：
水平方向：给元素浮动
垂直方向：1、给元素vertical-align: top/bottom;
2、将元素转化成块级元素

 

案例：

（1）html

<div>
<img src="img/t.jpg" alt="">
</div>

（2）css

div{
border: 1px solid #000;
}
img{
vertical-align: top;
}