影響單元格大小的表格邊框

Question

有誰能告訴我爲什麼當我將border=1放在桌子上時是否修復了它的佈局？

這就是問題所在：我寫了一些使我成爲組織結構圖的JavaScript。如果我在製作圖表的表格周圍放置邊框，則所有內容都完美排列。如果我刪除邊框，則某些線條的寬度變化很大（並且看似隨機）。您會在連接組織結構圖的紅線中注意到這一點。

這是用於「邊框」的內聯屬性（如<table border="1">）。

這裏有兩個演示：

國界（好，看起來都是排着隊）：http://andrewvantran.com/table1.html

沒有國界的（壞，所有的錯位）：http://andrewvantran.com/table2.html

我想已經覽走出它與邊界的方式，但我不想要邊界！除非我保留邊界（我不想要），否則我無法模擬帶有邊框的表格的佈局。有任何想法嗎？

Answer 1

您是否將表格設置爲border-collapse:collapse;？本質上，默認摺疊是separate，其中單元格具有自己的邊框。如果您將它設置爲摺疊，它們會合並，並且「看起來不錯」

Answer 2

嘗試將border-collapse: collapse;添加到樣式表中。這似乎解決了你的情況。

除此之外，我建議你至少使用單元格的寬度。不同的瀏覽器處理單元繪製的方式不同如果指定寬度，則可以更確定單元格是否正確對齊。在測試圖形時，使用Firebug等檢查器工具來確定每個單元格的位置。這會幫助你很多。