Как настроить изображение внутри ячейки таблицы в HTML?

Question

Я создал таблицу внутри html-страницы.Затем я вставил изображение в клетку.То, что я хочу знать, это как отредактировать размер этого изображения.Пожалуйста, помогите!

Answer 1

Если вы говорите о том, как нацелить изображение, вам нужно сделать что-то вроде ...

table tr td img {
    width: 50%;
    height: 50%;
    padding: 25%;
}

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

Answer 2

Вы можете настроить размер и ширину изображения внутри тега как таковые

<img height="200px" width="200px>

Так же как и другие правки, такие как границы и выравнивания, вы можете углубиться в CSS

Answer 3

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

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

Подогнать изображение к проценту ширины ячейки таблицы (HTML)

Answer 4

Вы также можете попробовать использовать атрибут style, чтобы добавить CSS к своему изображению, например:

<table>
    <td>
        <img style="height: 10px; width: 10px"/>
    </td>
</table>

Answer 5

в CSS? table> img {height: 1px; ширина: 1px; } Вы можете использовать tr или td вместо таблицы.