行内元素间隙问题的解决方式

行内元素间隙问题的解决方式

方法一：

vertical-align:bottom;

此方法可解决图片上下间距问题

111.jpg

如上图所示

方法二

line-height:5px;

此方法也是解决图片上下间距问题，与方法一效果相同

方法三

font-size:0px;

此方法可以解决图片上下左右的间距问题，但父元素下的字体大小需要重新设置。

222.jpg

如上图所示

方法四（终极无敌办法）

float:left;

浮动

这就是解决行内元素图片之间，令他们零间隙的方法。