美文网首页
行内元素间隙问题的解决方式

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

作者: 乔乔乔0126 | 来源:发表于2019-06-28 19:52 被阅读0次

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

方法一:

vertical-align:bottom;

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

111.jpg

如上图所示

方法二

line-height:5px;

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

方法三

font-size:0px;

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


222.jpg

如上图所示

方法四(终极无敌办法)

float:left;

浮动

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

相关文章

网友评论

      本文标题:行内元素间隙问题的解决方式

      本文链接:https://www.haomeiwen.com/subject/cerscctx.html