screbok
@screbok

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

Здравствуйте.

Как убрать расстояние между картинками по горизонтали и вертикали? И почему оно вообще присутствует? Смотрел через браузерный инспектор - ничего не увидел, никаких отступов нет, но по факту есть.

Вот код, там пара комментариев.

https://jsfiddle.net/3cemweud/3/
  • Вопрос задан
  • 3324 просмотра
Решения вопроса 2
@AlexanderZe
Интересующийся
Известный баг/явление с отступами у inline элементов. Побеждается несколькими способами. Например, float: left или отсуствием переноса строки в верстке:

НЕ так
<img src="">
<img src="">

а ТАК
<img src=""><img src="">
Ответ написан
Для картинки используйте:
img {
float:left;
}

А расстояние между ними появляется потому что это строчные элементы. Для них всегда автоматически ставится небольшой отступ слева и справа.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
т.к. строчные элементы, css между ними автоматически подставляет пробел. Его можно убрать просто указав размер шрифта в 0 для родительского элемента

figure {
  font-size: 0;
}


или использовать flexbox
figure {
  display: flex;
  flex-wrap: wrap;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы