0

如何摆脱图像之间的这些空间?如您所见,如果我一个接一个地放置图像,则没有空间,如果我放在下方,则有空间。我该如何解决这个问题?

http://imgur.com/CqwN2Ve

这是代码:

<!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>
4

3 回答 3

2
<style type = "text/css">
tr
{
margin:0;
padding:0;
}
td
{
margin:0;
padding:0;
}
table
{
cellspacing:0;
cellpadding:0;
}
</style>
于 2013-05-30T11:43:55.107 回答
1

我知道这是一个老问题,但我想我会提出我的意见,以防它对某人有所帮助。有时我会遇到字体大小或行高过大的问题——即使没有文本,它们也会在表格单元格之间创建空格。也许你应该调查一下。

于 2014-02-12T22:22:24.973 回答
1

尝试.从您声明的类的开头删除,并且不要将类分配给表

作为

table{
border-collapse: collapse;
border-spacing:0;
}
于 2013-05-30T11:52:48.500 回答