多个图片并排显示出现空隙的原因和解决

在做轮播图的时候，图片需要横向放置。由于图片是行级块元素，因此可以直接这样写：

本以为可以无缝连接，但事实如图（竟然出现了空隙）：

原因在此：（并不是margin和padding的问题）
首先，我们写代码的习惯是标签之间换行书写。这样，两个img标签之间间隔了一个回车。
再由于：inline和inline-block的标签都有文字特性，因此会识别空行带来的分割，因此产生空隙。
解决方案

1. 比较粗暴的，去掉空行，但是明显不符合编码规范

2. 设置margin-left(据说这也是比较通用的解决方案）。但是存在一个问题：由于项目上线的时候代码一定会做压缩（去空格），因此会导致：在压缩空格后本来已经没有空隙了，此时却又向左平移了6px，因此导致图片被压盖造成错误。 所以两种方法需要根据实际情况权衡使用。