Как убрать расстояние между inline блоками?

Question

[sanphir]

Можно ли как-нибудь убрать расстояние между блоками в примере:
jsfiddle.net/s8es4

При том, что внешний контейнер может иметь любой шрифт.
Вроде подходит свойство letter-spacing, но оно почем-то сильно зависимо от размеров блоков и размеров шрифта.

Answer 1

[Сергей Протько]

jsfiddle.net/ZVBBh - кастыль, но должно показать вам почему все зависит от размера шрифта.

Если коротко - у вас пробелы между блоками. Самый надежный способ - задать для контейнера font-size: 0, и указать снова внутри детей, но это как-то... не красиво что-ли. Сродни letter-spacing, просто надежнее.

Comments

[sanphir]

да я тоже такое решение нашел, хоть и костыль, но работает.

Answer 2

[Maksim Mukhachev]

habrahabr.ru/post/137582

Answer 3

[keslo]

Согласно темной стороны кодера сделал бы так, как вы и предлагали :-)

.div0{
    ...
    letter-spacing: -4px;    
}

Answer 4

[keslo]

Я так думаю (возможно ошибаюсь), что можно подрубить небольшой JS, который будет в блоке с классом div0 искать переносы строк и их убирать. Я слаб в JS, так что сори, что не предлагаю конкретное решение

Comments

[Сергей Протько]

Это еще больше кастыль чем предложенный мною и @keslo