试试这个CSS:

img { display: table-cell; }

不幸的是，换行符也算作空格字符。

我提出的最好的解决方案是在标签内部使用空白，而不是在标签外部:

  <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" />

我知道这也不理想。但至少它不是一些奇怪的CSS黑客，依赖于一个空间字符的大小被渲染或诉诸于相对定位，或JavaScript:)

试试这个CSS:

img { display: table-cell; }

缩小你的HTML!

在将响应呈现给浏览器之前缩小响应是一种很好的实践。

因此，除非您需要空格(并且您使用 硬编码)，否则您总是在缩小过程中删除空格。

<style>
  img {
     display: table-cell
  }
</style>
<img src="images/minithing.jpg" alt="my mini thing" />...

好吧，我可能是幸运的，因为我现在只需要担心让这个工作在webkit(特别是一个嵌入在QT)，所以它在Chrome和Safari也工作。似乎display: table-cell拥有display: inline-block的所有优点，但没有空白的缺点(想想缩进的td)

这个解决方案有什么困难之处?

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>