图片并排

图片并排遇到的问题

本来想实现4张图片并排显示，于是将图片放置div里面，设置div宽度，然后设置图片宽度为25%，原以为会并排显示，但是出现了一点问题。

下面是我的代码和效果：

代码：

效果：

可以看到并没有排在一起，因为图片之间出现了空隙，于是我去查看盒子模型，看哪里出现问题

但是盒子模型并没有多余的margin和pandding，百思不得其解，于是我去网上进行提问，然后给出的答案是内联元素出车会产生空格问题。但是为什么内联元素会产生空格呢？因为浏览器将多个空白字符解析为单一空格，因为我们回车的原因，第一个img标签和第二个img标签之间产生多个空白字符。

接下来就是解决问题了

第一种解决方案：

取消回车

代码：

这样的话就不会产生空白字符了，但是这样的话代码的可读性变差。

第二种就是将父级元素的font-size设置为0

代码

最终都实现了图片并排