Question

如何摆脱图像之间的这些空间？你可以看到我是否一个接一个地放置图像，没有空间，如果我放在下面，那么就有一个空间。我该如何解决这个问题？

这是代码：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Test</title>
<style type="text/css">
.table{
border-collapse: collapse;
border-spacing:0;
}
</style>
</head>
<body>
<table width="805" border="0" cellspacing="0" cellpadding="0" class="table" align="center">
<tr>
<td><img src="sutent/1.png"></td>
</tr>
<tr>
<td><img src="sutent/2.png"><img src="sutent/3.png"></td>
</tr>
<tr>
<td class="td1" ><img src="sutent/4a.jpg"><img src="sutent/5.png"><img src="sutent/8a.png"><img src="sutent/9a.png"><img src="sutent/13a.png"></td>
</tr>
<tr>
<td><img src="sutent/4b.png"><img src="sutent/6.png"><img src="sutent/8b.png"><img src="sutent/9b.png"><img src="sutent/13b.png"></td>
</tr>
</table>
</body>
</html>

Answer 1

<style type = "text/css">
tr
{
margin:0;
padding:0;
}
td
{
margin:0;
padding:0;
}
table
{
cellspacing:0;
cellpadding:0;
}
</style>

Answer 2

尝试从声明的类的开头删除.，不要将类分配给表

作为

table{
border-collapse: collapse;
border-spacing:0;
}

Answer 3

我知道这是一个老问题，但我想我会投入我的意见，以防有人帮忙。有时我会遇到font-size或line-height很大的问题 - 即使没有文本，它们也可以在表格单元格之间创建空格。也许你应该调查一下。

如何摆脱html表之间的空间？

3 个答案: