puede configurar el font-size del envase a 0 y el white-space desaparece!

Los navegadores no ignora los espacios en blanco en la mayoría de los casos cuando junto a un elemento de bloque.

El problema con las imágenes (en este caso) es que son elementos en línea, por lo que mientras se escriben en líneas independientes, son en realidad elementos en la misma línea, con un espacio entre ellos (como el salto de línea cuenta como un espacio). Sería incorrecto por el navegador para eliminar los espacios entre las imágenes, la escritura de las etiquetas de imagen con saltos de línea entre ellos debe ser manejada de la misma manera como la escritura de la imagen de etiquetas en la misma línea, con espacios entre ellos.

Puedes usar CSS para hacer que las imágenes de los elementos de bloque y flotar al lado del otro, que resuelve un montón de problemas con espaciado, tanto en el espacio entre las imágenes y el espacio en la línea de texto debajo de las imágenes.

Desafortunadamente, saltos de línea se cuentan como caracteres de espacio.

La mejor solución que he venido para arriba con es utilizar el espacio en blanco dentro de las etiquetas, en vez de afuera:

  <img src="images/minithing.jpg" alt="my mini thing" 
/><img src="images/minithing.jpg" alt="my mini thing"
/><img src="images/minithing.jpg" alt="my mini thing"
/><img src="images/minithing.jpg" alt="my mini thing" />

Tampoco, no es ideal, lo sé. Pero al menos no es algo bizarro hack CSS que se basa en el tamaño de un carácter de espacio se procesa o recurrir a la posición relativa, o JavaScript :)

¿Qué era tan difícil sobre esta solución?

CSS

.no-whitespace {
    line-height: 0;
    font-size: 0;
}

HTML

<span class="no-whitespace">

    <a href=# title='image 1'>
       <img src='/img/img1.jpg' alt='img1'/>
    </a>

    <a href=# title='image 2'>
       <img src='/img/img2.jpg' alt='img2'/>
    </a>

    <a href=# title='image 3'>
       <img src='/img/img3.jpg' alt='img3'/>
    </a>

</span>