如何在html中的表格单元格内自定义图像？答案

【问题标题】：How to customize a image inside a table cell in html?如何在html中的表格单元格内自定义图像？
【发布时间】：2018-05-11 20:05:22
【问题描述】：

我在 html 页面中创建了一个表格。然后我将图像插入到单元格中。我想知道的是如何编辑该图像的大小。请帮忙！

【问题讨论】：

【解决方案1】：

您也可以尝试使用 style 属性将 css 添加到您的图像中，如下所示：

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

【讨论】：

【解决方案2】：

您可以自定义标签内的图像大小和宽度

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

除了边框和对齐等其他编辑之外，您还可以使用 CSS 进行更深入的修改

【讨论】：

【解决方案3】：

在 CSS 中？表格 > img { 高度：1px;宽度：1px； } 您可以使用 tr 或 td 代替 table。

【讨论】：

【解决方案4】：

您可以缩放图像或缩放图像的父级，即表格单元格。

下面的问题有一个答案来缩放表格单元格并适合里面的图像。

【讨论】：

【解决方案5】：

如果您在谈论如何定位图像，那么您需要执行类似...

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

您最好使用百分比，因为这样可以更好地响应缩放。

【讨论】：