Как убрать пробелы между DIV в display:inline-block

Возникла проблема. Мне нужно выровнять четыре DIV-а в ряд. Использую для этого в css display:inline-block; но между дивами возникает пробел. Пробовал разными методами, почему-то никак не получается убрать этот пробел? Подскажите, как выровнять все div-ы в линию, что бы между ними не было зазора и откуда он вообще берется.

Категория вопроса: Веб-дизайн | Просмотров: 6614 | Добавлена: 11.02.2013

Ща я как отвечу!

Гость011.02.2013

Дело в том, что стиль css display:inline-block при применении его к div элементам, делает эти элементы частью строки, а как известно, все элементы в строке отображаются как слова, поэтому расстояние между вашими ДИВ-ами ничто иное как пробел между словами. Что бы убрать их можно задать отрицательный margin, например margin-right:-4px;
Но в данном случае я использую применение, которое я и ты используем для написания слов, просто убрать между div-ми пробелы:
Вместо:
<div>
Это ДИВ №1
</div>
<div>
Это ДИВ №2
</div>
Сделайте так:
<div>
Это ДИВ №1
</div><div>
Это ДИВ №2
</div>
Поняли в чем разница?

Цитировать