HTML/CSS Table Padding

Question

我有一個愚蠢的問題使用表，我幾乎沒有使用表，我不知道爲什麼第一個圖像後有一個巨大的空間。我嘗試設置寬度，使用「-margin」&填充。我找不到任何縮小尺寸的東西。

<tr class="tblpadding"> 
    <td>Character:</td> 
    <td class="tdchar"><img src="http://www.xronn.co.uk/pokearena/assets/img/charcter/2.gif"></td> 
    <td><img src="http://www.xronn.co.uk/pokearena/assets/img/charcter/2.gif"></td> 
    <td><img src="http://www.xronn.co.uk/pokearena/assets/img/charcter/2.gif"></td> 
</tr> 

最好看的小提琴顯示問題 - http://jsfiddle.net/uh6j4/1/

Answer 1

由於列單元格具有更大些，因爲input type text箱的寬度，只需添加colspan到該小區

Demo

另外，我剛剛看到你在 example中有不一致的表單元，所以請確保您根據您的要求修復它們。

---

但至於解釋的話，你需要在其中將包含這些圖像列使用colspan。

---

此外，我想指出這一點，這是無效的使用嵌套的tr直接子form元素，你應該使用一個td裏面，總是驗證您的標記here前要把你的網站活..但是就這個想法而言，您正在嘗試構建的註冊表可以設計爲無表格..

Answer 2

實際上，您不應該在第一個位置使用表來創建佈局。 改爲使用div。

給你有組織的外觀，你需要做的是非常簡單的使用min-width標籤上的統一性。

我創建了與您的表具有相同的外觀，僅使用div。 如果它一樣，爲什麼要麻煩？因爲我的佈局具有您不具備的靈活性。

看看這裏：http://jsfiddle.net/avrahamcool/uh6j4/7/