图片排列垂直方向有间隙

1.img图片得设置宽高，才能解决间隙问题。

Q: 这里就引发一个问题，img是行内元素，为什么可以设置宽高？

 

A:img确实是行内元素 但它也是置换元素 。

   置换元素有内置宽高，所以可以设置宽高属性，相当于display：inline-block；其他的内置元素还有：

   input  select  textarea  button  label 等

 

2.解决方法：

 

 

img {
    width: 310px;
    height: 220px;
    vertical-align: top;
}