Jak usunąć widoczność spacji między elementami śródliniowymi?

Question

Say mam kilka znaczników inline-block div, jak to

<div class="image"> 

</div> 
<div class="image"> 

</div> 

klasy obraz tylko ustawia ich rozmiar do 100x100 i szarym kolorem tła. Ich margines i granice są ustawione na 0, a mimo to istnieją odstępy między dwoma prostokątami.

Jeśli piszę HTML, takich jak ten, jednakże:

<div class="image"> 

</div><div class="image"> 

</div> 

usuwając wszystkie spacje między DIV, odstęp znika.

Ponieważ nie chcę napisać mojego HTML w ten sposób, myślę, że musi istnieć sposób usunięcia białych znaków za pomocą CSS. Nie obchodzi mnie, czy białe znaki są usuwane, ukrywane lub zmniejszane, o ile usunięto widoczność.

Dzięki za wszelką pomoc

---

zgodnie z wnioskiem, JSFiddle: http://jsfiddle.net/6h3Jx/

---

Aktualizacja z word-spacing: http://jsfiddle.net/6h3Jx/1/

Answer 1

Jest to zachowanie elementu liniowego, więc spróbuj przestawne w lewo. http://jsfiddle.net/aVrSx/

Answer 2

umieścić następujące na elemencie macierzystym:

word-spacing:-4px; 

Lub spróbuj:

font-size:0px; 

To może działać jeszcze lepiej, ponieważ nie będzie miała wpływu na zmianę rozmiaru tekstu.

Answer 3

możesz ustawić "display: flex;" atrybut do opakowania nadrzędnego:

.flexbox { 
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6 */ 
    display: -moz-box;   /* OLD - Firefox 19- (buggy but mostly works) */ 
    display: -ms-flexbox;  /* TWEENER - IE 10 */ 
    display: -webkit-flex;  /* NEW - Chrome */ 
    display: flex;    /* NEW, Spec - Opera 12.1, Firefox 20+ */ 
}