如何在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個表格之間的差距

回答

相關問題