Verilen:

<img src="..."/>
<img src="..."/>

Sonuç ikisi arasında tek bir boşluk ile iki fotoğraf. Normal davranış, tek bir beyaz boşluk, boşluk, yeni satır, sekme ve herhangi bir sayı göstermek gibi görünüyor. Aşağıdaki yapabileceğimi biliyorum:

<img src="..."/><img src="..."/>

YA

<img src="..."/><!--
--><img src="..."/>

YA

<img src="..."/
><img src="..."/>

Kesmek ya da diğer herhangi bir sayı. Bir şekilde CSS ile o boşluk kaldırmak için var? örneğin

<div class="nospace">
    <img src="..."/>
    <img src="..."/>
</div>

Kolay bir yolu olduğunu uyumlu hemen hemen her yerde set font-size: 0 konteyner, sağlanan zorunda değilsin herhangi bir alt metin düğümleri ihtiyacınız tarzı (gerçi bu önemsiz geçersiz kılmak için bu gerekli).

.nospace {
   font-size: 0;
}

jsFiddle.

Ayrıca block inline-block varsayılan display: inline dan değiştirebilirsin. &Lt workarounds required kullanın;= 7 için (ve muhtemelen eski Firefoxes) inline-block çalışmak için.