我的桌子有什麼問題？

Question

下面是表的代碼：

<table align="center" width="303" height="740" border="1" cellpadding="10"> 
    <tr> 
    <th width="130" height="41" scope="col">URL1 - Normal</th> 
    <th width="121" scope="col">URL2 - Hover</th> 
    </tr> 
    <tr> 
    <td height="94"><img src="http://i1018.photobucket.com/albums/af309/5416339/ad-green.png"/></td> 
    <td><img src="http://i1018.photobucket.com/albums/af309/5416339/ad-green-h.png" alt=""/></td> 
    </tr> 
    <tr> 
    <td height="124"><img src="http://i1018.photobucket.com/albums/af309/5416339/ad-blue.png" alt=""/></td> 
    <td><img src="http://i1018.photobucket.com/albums/af309/5416339/ad-blue-h.png" alt=""/></td> 
    </tr> 
    <tr> 
    <td height="147"><img src="http://i1018.photobucket.com/albums/af309/5416339/ad-grey-h.png" alt=""/></td> 
    <td><img src="http://i1018.photobucket.com/albums/af309/5416339/ad-grey.png" alt=""/></td> 
    </tr> 
    <tr> 
    <td height="137"><img src="http://i1018.photobucket.com/albums/af309/5416339/ad-pink.png" alt=""/></td> 
    <td><img src="http://i1018.photobucket.com/albums/af309/5416339/ad-pink-h.png" alt=""/></td> 
    </tr> 
    <tr> 
    <td height="132"><img src="http://i1018.photobucket.com/albums/af309/5416339/ad-red.png" alt=""/></td> 
    <td><img src="http://i1018.photobucket.com/albums/af309/5416339/ad-red-h.png" alt=""/></td> 
    </tr> 
    <tr> 
    <td height="132"><img src="http://i1018.photobucket.com/albums/af309/5416339/ad-black.png" alt=""/></td> 
    <td><img src="http://i1018.photobucket.com/albums/af309/5416339/ad-black-h.png" alt=""/></td> 
    </tr> 
</table> 

當我插入表，它的葉子在中間表和文本的空白。如果我刪除桌子，那麼一切都很好。這裏有什麼問題？

Answer 1

Blogspot爲您插入換行符 ...並且他們將表格向下推。 （我還沒有找到一個解決辦法呢。）

如果您查看源代碼，你可以看到他們：

<table align="center" width="303" height="740" border="1" cellpadding="10"><br /> 
    <tr><br /> 
    <th width="130" height="41" scope="col">URL1 - Normal</th><br /> 
    <th width="121" scope="col">URL2 - Hover</th><br /> 
    </tr><br /> 
    <tr><br /> 
    <td height="94"><img src="http://i1018.photobucket.com/albums/af309/5416339/ad-green.png"/></td><br /> 
    ... 

因爲BR s爲無效時，直接一個TABLE，TR內，或之後TH或TD時，瀏覽器在呈現DOM時將這些元素推出和移出表格。

Answer 2

它與桌子無關。這是事實，有桌子前31 <br>（換行符），標籤（這是什麼創造了巨大的差距。

這聽起來像BlogSpot的（或任何博客，你正在使用的服務）的基礎上增加額外<br>標籤如果你正在格式化你的內容的其他部分，儘可能編輯頁面的源代碼並手動刪除它們，否則它會成爲你所在的任何博客平臺的支持問題。

Answer 3

如果你看一看在頁面的源代碼中，您會注意到一個TON爲<br/>標籤與您的表格交叉（但不包含在單元格元素中），它們被渲染在表格上方

它看起來像你的HTML正在被某些東西解析，而你的換行符正在被BR標籤取代。

快速的解決辦法：刪除所有換行符，只是有一個行表的代碼:)

Answer 4

這有什麼做與你table標記任何東西。查看該頁面的HTML源代碼可在表格前顯示約30 <br>標籤。他們顯然負責額外的空間。

爲什麼你在插入表格時必須與blogspot.com格式化內容有關。最好的辦法是嘗試手動編輯HTML以去除<br>標籤。如果你不能這樣做，或者編輯HTML時沒有顯示<br>標籤，這是Blogspot客戶服務的問題。