與用戶代理樣式表css戰斗

Question

我在圖像之間的間距有問題。 我嘗試了一切，但在firefox / opera中工作完美，但是chrome和IE在圖片之間增加了空間。

所以我什至刪除了所有的CSS，這是行不通的。

我試圖為Google添加Chrome的刪除CSS，但這也無濟於事

我添加了圖片，所以您可以看到那里發生了什么。 有任何想法嗎 ？

Answer 1

圖像之間不必要的間距通常是由空格（換行符，制表符，空格等）引起的。 有很多方法可以解決這個問題，我個人最喜歡的是注釋掉空格，以使格式保持原樣：

<img /><!--
--><img />

在此處查看更多技術： http : //css-tricks.com/fighting-the-space-between-inline-block-elements/

div從表繼承的border-spacing屬性根本不應應用於圖像元素，因為它僅適用於表現為表的元素。

https://developer.mozilla.org/zh-CN/docs/CSS/border-spacing

Answer 2

這可能與內聯對象的呈現方式有關。 嘗試將所有圖像放在標記的同一行上。