1.img图片得设置宽高,才能解决间隙问题。
Q: 这里就引发一个问题,img是行内元素,为什么可以设置宽高?
A:img确实是行内元素 但它也是置换元素 。
置换元素有内置宽高,所以可以设置宽高属性,相当于display:inline-block;其他的内置元素还有:
input select textarea button label 等
2.解决方法:
img {
width: 310px;
height: 220px;
vertical-align: top;
}