Question

我创建的表仅包含图像。它是一个包含2行的简单表，第一行跨越整行。第二行有3列。默认情况下，图像很大，因此我的程序在执行时会将整个表和图像的大小调整50％。

实际发生的是，图像缩放50％这是正确的，但表格似乎没有缩放。我在图像之间的第二行得到空白。以下是我得到的。

如何删除空格，使image2，image3和image4彼此相邻。

---------------------------------
|           image 1             |
-------------------------------------------------------------------------
|     image2     |  whitespace |   image 3     |  whitespace |  image4  |
-------------------------------------------------------------------------

<html>
<head>
<title>Table</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type"text/css" media="screen">
/*Global Styles*/

table.sig img {
    width: 50%; !important;
    height: auto; !important;
    white-space: nowrap; !important;
}    

</style>
</head>
<body>
<table class="sig" border="0" cellspacing="0" cellpadding="0">
    <tbody>
        <tr>
            <td colspan="3"><img src="file:///header.png"></td>
        </tr>
        <tr>
            <td><a href="#"><img src="file:///facebook.png"></a></td>
            <td><a href="#"><img src="file:///profile.png"></a></td>
            <td><a href="#"><img src="file:///website.png"></a></td>
        </tr>
    </tbody>
</table>
</body>
</html>

图像表没有正确调整大小

0 个答案: