Question

我正在尝试在表格单元格中附加缩小的图像。不知何故，缩放后的图像仍占据原始大小。

这是我到目前为止（已更新）

代码

<img style="display: block;width:250px;height:auto" src="http://www.ucmas.com/wp-content/uploads/2013/06/DinoArt-Logo.png"/>

如果你注意到第6和第7项之间存在差距，我相信我的规模仍然是错误的。我该如何消除差距？

解决方案还应允许在表格后立即显示内容。

Answer 1

您可以更改ROWSPAN大小并消除第6项和第7项之间的差距。

像这样，

<table>
    <tr>
        <th>The 7 main categories in Dino Art:</th>
        <td rowspan="9"><img style="display: block;width:250px;height:auto" src="http://www.ucmas.com/wp-content/uploads/2013/06/DinoArt-Logo.png"/> </td>
    </tr>
    <tr>
        <td>111111</td>
    </tr>
    <tr>
        <td>222222</td>
    </tr>
    <tr>
        <td>3333333</td>
    </tr>
    <tr>
        <td>444444</td>
    </tr>
    <tr>
        <td>555555</td>
    </tr>
    <tr>
        <td>666666</td>
    </tr>
    <tr>
        <td>777777</td>
    </tr>
</table>

Answer 2

使用img标签高度宽度属性如下

 <td rowspan = 8><img   height = 100 width = 100 src="http://www.ucmas.com/wp-content/uploads/2013/06/DinoArt-Logo.png"/> </td>

为什么缩放图像仍然占据原始宽度和高度？

2 个答案: