如何消除html表之间的空间?

如何消除html表之间的空间?,html,html-table,space,Html,Html Table,Space,如何消除图像之间的这些空间? 正如你们所看到的,若我一个接一个地放图片,那个么并没有空间,若我放在下面,那个么就有一个空间。我如何解决这个问题 下面是代码: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Test</title> <style type="text/css"> .table{ border-collapse: collap

如何消除图像之间的这些空间? 正如你们所看到的,若我一个接一个地放图片,那个么并没有空间,若我放在下面,那个么就有一个空间。我如何解决这个问题

下面是代码:

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

试验
.桌子{
边界塌陷:塌陷;
边界间距:0;
}

tr
{
保证金:0;
填充:0;
}
运输署
{
保证金:0;
填充:0;
}
桌子
{
细胞间距:0;
细胞填充:0;
}

tr
{
保证金:0;
填充:0;
}
运输署
{
保证金:0;
填充:0;
}
桌子
{
细胞间距:0;
细胞填充:0;
}

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

作为


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

作为



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

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

试着设置cellpadding:0;细胞间距:0;在Style中,您可以提供指向您的网站的链接,或复制您的问题的JSFIDLE。@Zenith@Zenith尝试设置cellpadding:0;细胞间距:0;在Style中,您可以提供一个指向您的网站的链接,或者提供一个复制您的问题的JSFIDLE。@Zenith@Zenith@LuicanAdrian还可以尝试删除table类并将其称为其他类。可能是类和标记名之间的冲突。我这样做了,但它们之间仍然有空格cells@LuicanAdrian还可以尝试删除table类并将其命名为其他名称。可能是类和标记名之间的冲突。我这样做了,但是cellsad
之间仍然有空格!重要信息
将样式值设置为
边框折叠:折叠!重要的和添加
填充:0!重要的用于
td
用于
style
属性。
行高:10px
将此添加到前面定义的
类以及其他属性。@LuicanAdrian我建议不要使用
行高
来修复此问题。您应该使用
垂直对齐:底部
。添加
!重要信息
将样式值设置为
边框折叠:折叠!重要的和添加
填充:0!重要的用于
td
用于
style
属性。
行高:10px
将此添加到前面定义的
类以及其他属性。@LuicanAdrian我建议不要使用
行高
来修复此问题。您应该使用
垂直对齐:底部
。@DrewNusser:这是个好建议,如果确实是这样,您能详细说明解决方案吗?@HashemQolami;如果你仔细阅读答案,你会注意到他实际上是在暗示这个问题的可能原因。@Jeroenvanevel你完全正确。对不起,我的错。所以,如果是因为行高或字体大小影响了你的表格,你只需要缩小它们以适应单元格。我认为默认的行高约为1.2米,因此您可以尝试降低到1.1米,或者只是减小该单元格中的字体大小。@DrewNusser:这是一个很好的建议,如果确实如此,您能否详细说明解决方案?@HashemQolami;如果你仔细阅读答案,你会注意到他实际上是在暗示这个问题的可能原因。@Jeroenvanevel你完全正确。对不起,我的错。所以,如果是因为行高或字体大小影响了你的表格,你只需要缩小它们以适应单元格。我相信默认的行高大约是1.2米,所以你可以尝试降低到1.1米,或者只是减小单元格中的字体大小。
<style type = "text/css">
tr
{
margin:0;
padding:0;
}
td
{
margin:0;
padding:0;
}
table
{
cellspacing:0;
cellpadding:0;
}
</style>
table{
border-collapse: collapse;
border-spacing:0;
}