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

2019-06-28  本文已影响0人  乔乔乔0126

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

方法一:

vertical-align:bottom;

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

111.jpg

如上图所示

方法二

line-height:5px;

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

方法三

font-size:0px;

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


222.jpg

如上图所示

方法四(终极无敌办法)

float:left;

浮动

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

上一篇下一篇

猜你喜欢

热点阅读