Задать вопрос
screbok
@screbok

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

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

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

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

https://jsfiddle.net/3cemweud/3/
  • Вопрос задан
  • 11489 просмотров
Подписаться 1 Оценить 2 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
  • beONmax
    Курс HTML / CSS
    1 месяц
    Далее
  • Бруноям
    Вёрстка на HTML и CSS
    3 месяца
    Далее
  • Международная Школа Профессий
    Онлайн-курсы HTML и CSS для начинающих
    3 недели
    Далее
  • Stepik
    Основы вёрстки с HTML и CSS
    1 неделя
    Далее
  • beONmax
    Верстальщик сайтов - HTML, CSS, Bootstrap, JavaScript
    1 месяц
    Далее
Решения вопроса 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;
}
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы