дисплей: встроенный блок и пробел

Question

См. Этот пример:

http://jsfiddle.net/EwtaC/1/

Изображения оформляются с помощью display: inline-block.Я понимаю, что пробелы как-то влияют на это .. (по какой-то причине) Поэтому я удалил пробелы:

from <img src="" /> <img src="" />
to <img src="" /><img src="" />

Это удаляет интервалы слева и справа от изображений, но, как вы можете видетьв этом примере расстояние между изображениями остается ..

Можно ли что-то сделать с этим?

Спасибо, Уэсли

Answer 1

http://jsfiddle.net/EwtaC/2/

Добавить:

vertical-align:top;

Изображения выравниваются по базовой линии по умолчанию.Либо вы отображаете их как блок и перемещаете их, либо вам нужно установить правильное вертикальное выравнивание.

Answer 2

Вместо встроенного блока, вы пробовали просто плавать изображения:

img { float: left; }

Кажется, работает на меня

Answer 3

Вы также можете сделать

body
{
    line-height:0px;
}