Как убрать видимость пробелов между встроенными элементами?

Question

Скажем, у меня есть несколько тегов div для встроенных блоков, например

<div class="image">

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

</div>

Изображение класса просто устанавливает их размер 100x100 и серый цвет фона.Их поля и границы установлены в 0, но между двумя прямоугольниками есть промежуток.

Однако, если я напишу HTML-код, такой как этот:

<div class="image">

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

</div>

Удаление всех пробелов междуdivs, интервал исчезает.

Поскольку я не хочу так писать свой HTML, я думаю, что должен быть способ удалить пробел с помощью CSS.Меня не волнует, удаляются ли пробелы, скрыты или сокращены, если видимость удалена.

Спасибо за любую помощь

---

По запросу, JSFiddle: http://jsfiddle.net/6h3Jx/

---

Обновлено с интервалом между словами: http://jsfiddle.net/6h3Jx/1/

Answer 1

это поведение встроенного элемента, поэтому попробуйте смещаться влево. http://jsfiddle.net/aVrSx/

Answer 2

вы можете установить «display: flex;»атрибут их родительской оболочки:

.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+ */
}

Answer 3

помещает следующее в родительский элемент:

word-spacing:-4px;

Или попробуйте:

font-size:0px;

Может работать даже лучше, поскольку на изменение размера текста это не повлияет.