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

Question

Я использую HTML для создания веб-страницы с таблицей из 6 изображений с 2 ​​строками и 3 столбцами, это мой код:

<table style="width:100%">
    <tr>
        <td><img src="House1.jpg"></td>
        <td><img src="House2.jpg"></td>
        <td><img src="House3.jpg"></td>
    </tr>
    <tr>
        <td><img src="House4.jpg"></td>
        <td><img src="House5.jpg"></td>
        <td><img src="House6.jpg"></td>
    </tr>
</table>

Но когда я загружаю Интернет страница переполняется вправо, и мне нужно прокрутить вправо, чтобы увидеть все изображения. Есть ли способ исправить это?

Answer 1

внесите некоторые изменения

1. используйте display: block;
2. И сделайте width: 100%;, а также height: 100%;

пример:

<img style="display:block;" width="100%" height="100%" src="House1.jpg" />

Надеюсь, это поможет!