行內塊元素默認外邊距問題

行內塊元素默認外邊距解決方法：
水平方向：給元素浮動
垂直方向：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;
}