Откуда берутся пробелы между div-ами?

Question

[Алексей]

Всем привет! Почему при display: inline-block появляются пробелы между div-ами?
И как ПРАВИЛЬНО их победить, чтобы добиться равномерного расположения элементов (по 3 в строку)?

Answer 1

[Alexander Belov]

Для родительского элемента
font-size: 0px;
+
Для inline-block элементов прописать необходимый font-size

Answer 2

[Дмитрий Христоев]

<div>text</div><!--
--><div>text</div><!--
--><div>text</div>

либо писать в одну строку, либо как в коде выше. Перевод на новую строку - это пробел

Answer 3

[Петр]

Они появляются от наличия переноса строки между элементами.

<div>block1<div>
<div>block2<div>

Значит избавиться можно удалением этого переноса. Для примера так:

<div>block1<div><!--
--><div>block2<div>

Answer 4

[Nevada18]

мое предположение - потому что они стали иметь характеристики строчных элементов. font-size должен помочь
p.s. сам еще новичок в этом деле))

Answer 5

[Андрей Б.]

«Загадочные отступы» между инлайн-элементами