Как удалить отступ между строками таблицы в html

Я постарался удалить все отступы но почему-то мужду строками отступ всё же существует. Вот html

<table>
    <tr><td><img src="img/gta.jpg" alt=""></td>
    <td><img src="img/call.jpg" alt=""></td>
    <td><img src="img/cb.jpg" alt=""></td></tr>
    
    <tr><td><img src="img/pubg.jpg" alt=""></td>
    <td><img src="img/ff.jpg" alt=""></td>
    <td><img src="img/csgo.jpeg" alt=""></td></tr>
    
    <tr><td><img src="img/Among_Us.png" alt=""></td>
    <td><img src="img/bs.jpg" alt=""></td>
    <td><img src="img/mc.jpg" alt=""></td></tr>
</table>

И css:

table td{
    margin: 0;
    padding: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

table{
    margin: 0;
    padding: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

И ещё каждая картина размером 640 на 333 пикселя.


Ответы (1 шт):

Автор решения: Qwertiy

У картинок по умолчанию размещение по базовой линии (ну если это не таблица в документе в quirks-режиме), соответственно остаётся пустота.

Либо меняем отображение:

img {
  display: block;
}

Либо просто выравниваем:

img {
  vertical-align: top;
}
→ Ссылка