如何减少Javascript中2个表之间的间隙

Question

我将Javascript用于我的ascx控件。 我有2张桌子，一张在另一张桌子下面。 我写的代码就像

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

但是当我执行时，它们之间显示了近2英寸的空间。 可以帮我吗？

谢谢！！

Answer 1

没有足够的信息来推断造成差距的原因。 但是，我推荐免费的Firefox Web开发人员插件，它使您能够识别页面上的所有元素，并确定哪个元素可以弥补这一空白。

Answer 2

有时在表上使用cellspacing和cellpadding属性可以解决此问题。 尝试将它们设置为1或0，以查看表的外观，而无需额外的空格/填充。

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

Answer 3

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: 10px; margin: 0然后查看网页上的更改。

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

如何减少Javascript中2个表之间的间隙

问题描述

3 个解决方案

解决方案1
0 已采纳 2010-07-23 13:08:48

解决方案2
0 2010-07-23 13:44:22

解决方案3
0 2010-07-23 14:04:23

如何减少Javascript中2个表之间的间隙

问题描述

3 个解决方案

解决方案1 0 已采纳 2010-07-23 13:08:48

解决方案2 0 2010-07-23 13:44:22

解决方案3 0 2010-07-23 14:04:23

解决方案1
0 已采纳 2010-07-23 13:08:48

解决方案2
0 2010-07-23 13:44:22

解决方案3
0 2010-07-23 14:04:23