HTML: поместите img вертикально без пространства между

Я помещаю изображения прямо друг после друга вертикально. Я хочу, чтобы они были smushed друг против друга, но я получаю пустую строку между ними. Как я избавляюсь от этой линии? Я попробовал margin=0px. Я также попытался не поместить их в отделение.

(Изображение ниже от редактора W3),

<div>
    
</div>
<div>
    
</div>
2
nl ja de
Этот код должен быть прекрасным. Попытайтесь удалить любой дополнительный пробел между своими HTML-тэгами. Также вы уверенный изображение doesn' t содержат край?
добавлено автор matk, источник

2 ответы

Добавление CSS собственности display:block должно добиться цели. Я также удалил дополнение и края, чтобы устранить любое другое моделирование. Все моделирование должно быть перемещено в бок CSS вместо действующего.

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

img {
  padding: 0;
  margin: 0;
  display: block;
}
<div>
  
</div>
<div>
  
</div>
</div> </div>

5
добавлено
@user984003 Удостоверяются ваше определение display:block , который был последним обновлением. Есть также пример для справки.
добавлено автор Kevin Bowersox, источник
There' s все еще пустая строка между ними.
добавлено автор user984003, источник
display:block; добился цели. Спасибо:)
добавлено автор user984003, источник

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



<table>
<tr>
<td>


</td>
</tr>
<tr>
<td>    

</td>
</tr>
</table>

это работает любой на вертикальные и горизонтальные изображения. Точно так же, как загадка. Отношения.

1
добавлено
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

CSS — русскоговорящее сообщество
CSS — русскоговорящее сообщество
1 502 участник(ов)

Сообщество любителей CSS Возникли проблемы с CSS? – пиши сюда, обсудим и предложим самое лучшее решение Работа: @css_ru_jobs Правила: https://teletype.in/@css_ru/r1EWtQ2w7 Приходите в наши чаты @javascript_ru и @frontend_ru Флуд: @css_flood

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing

css_jobs
css_jobs
26 участник(ов)

Чат для вопросов по css и html: @css_ru Флуд: @css_flood Канал с вакансиями и резюме: @css_jobs_feed

css_флуд
css_флуд
10 участник(ов)