html - 图像之间不需要的间距

Question

这里是this page , 在产品描述区，我插入了很多图片。图片之间存在间距，这会破坏描述区域的外观和感觉。我把描述区域的代码写在一个单独的html文件里，没有显示空格，但是当我进入这个网站时，它显示了这个空格。

下面是描述区的代码:

<div class="user-html">
 <img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_01_zpsf96f2f18.jpg" alt="\\"> 

 <img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_02_zps5735a5a8.jpg" alt="\\"> 

 <img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_03_zpsf4933cc6.jpg" alt="\\"> 

 <img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_04_zpsd74ee7ae.jpg" alt="\\"> 

 <img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_05_zps103cc79e.jpg" alt="\\"> 

 <img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_06_zps113ee0a8.jpg" alt="\\"> 

 <img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_07_zps7e7846f8.jpg" alt="\\"> 

<img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_08_zpsa14f563d.jpg" alt="\\"> 

 <img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_09_zps98ea736c.jpg" alt="\\"> 

 <img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_10_zpse05cb796.jpg" alt="\\"> 

 <img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_11_zps895af16e.jpg" alt="\\"> 

 <img src="http://i956.photobucket.com/albums/ae49/anwartheravian/Slice_12_zps69ebae8b.png" alt="\\">
</div>

请告知如何摆脱这些空格。

更新: 似乎当我在 themeforest 网站的描述框区域内输入任何内联样式标签时，它会删除所有样式标签。因此，下面列出的所有答案均无效。还有其他解决方案吗？

Answer 1

在这种情况下，消除空白的 CSS 技巧之一是:

.user-html {
    font-size: 0;
    line-height: 0;
}

另一个，是避免图像的 inline-block 显示(这是空白的原因):

.user-html img {
    display: block;
}

这将适用于您的情况，因为您每行有一个图像，否则您必须使用第一个示例来消除空白。