如何在Javascript中减少2个表格之间的差距

我对我的ascx控件使用Javascript。我有两张桌子，一张在另一张下面。我写的代码就像如何在Javascript中减少2个表格之间的差距

</tr> 
</table> 
<table style="border-spacing: 15px;">

但是，当我执行时，它显示了他们之间差不多2英寸的空间。有人可以帮我吗？

谢谢！

来源

2010-07-23 Ram

粘贴一些代码，我的意思是整个表。它也可以被上表的css风格所冲击。 – 2010-07-23 13:06:14

没有足够的信息来推断造成差距的原因。不过，我会推荐免费的Web Developer addon for Firefox，这将允许您识别页面上的所有元素，并找出哪个元素填补了这个空白。

来源

2010-07-23 13:08:48

我更喜欢FireBug – 2010-07-23 13:10:50

发现火虫很好。我设法解决了这个问题。非常感谢你们。 – Ram 2010-07-26 11:47:50

有时在表上使用cellspacing和cellpadding属性可以解决此问题。尝试将这些设置为1或0，以查看没有额外的间距/填充的表的外观。

<table cellpadding='1' cellspacing='1'>...

来源

2010-07-23 13:44:22 Mike

您的HTML代码中很可能有一个CSS样式，它在表格之前或之后设置边距。

检查下面的代码：

<!DOCTYPE html> 
    <head> 
<title>Testing tables</title> 
    <style> 
     #t1, #t2 { 
     margin: 10px; 
     border-collapse: collapse; 
     border: 1px solid black; 
     } 
    </style> 
    </head> 
<body> 
<table id="t1"> 
    <thead> 
    <tr><th>One</th><th>Two</th></tr> 
    </thead> 
    <tbody> 
    <tr><td>Data 1</td><td>Data 2</td></tr> 
    </tbody> 
</table> 
<table id="t2"> 
    <thead> 
    <tr><th>Three</th><th>Four</th></tr> 
    </thead> 
    <tbody> 
    <tr><td>Data 3</td><td>Data 4</td></tr> 
    </tbody> 
</table> 
</body>

后您查看浏览器的代码，尝试用margin: 0更换线margin: 10px;，看看什么东西在网页上的改变。

您可以使用正确的工具（Firefox/Chrome/Opera）来检查代码的哪个部分正在与您玩弄技巧。

来源

2010-07-23 14:04:23 Anax

如何在Javascript中减少2个表格之间的差距

回答

相关问题