HTML 删除 div 和 table 之间的 space

Question

我想删除那里的 space 并使我的图像看起来不错，但我不知道如何。

div和table之间总有space。我试过崩溃，但没有用

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
    .div1{
        width: 600px;
        height: 150px;
        border: 1px solid black;
        margin: auto;
        background-image:url("images/piha1.jpg");
    }
    table tr td{
 
    }
    img{
        width: 200px;
        height: 150px;
    }

</style>
</head>

<body>
<div class="div1">
    <table>
        <tr>
            <td><img id="surfimg" src="images/piha2.jpg" alt="surf"></td>
            <td><img id="picnic" src="images/piha3.jpg" alt="picnic"></td>
        </tr>
    </table>

</div>
</body>
</html>

Answer 1

尝试将 border-collapse: collapse; 添加为 CSS 属性 table 元素。

table {
     border-collapse: collapse;
}

或者，您可以尝试使用以下属性 cellpadding="0" cellspacing="0" 和 border="0" 在你的 table.

Answer 2

尝试在 table 上使用折叠并将 td 的填充减少到零：

table {
    border-collapse: collapse;
}

td {
    padding: 0;
}

HTML 删除 div 和 table 之间的 space

HTML Remove the space between div and table

html

border