HTML/CSS 表格填充

Question

我在使用表格时遇到了一个愚蠢的问题，我几乎从不使用表格，而且我不确定为什么第一张图片后面有很大的空间。我尝试使用“-margin”和 Padding 设置宽度。我找不到任何东西来减小尺寸。

<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>

最好查看 fiddle 以显示问题 - http://jsfiddle.net/uh6j4/1/

Answer 1

由于 input type text 框，列单元格的宽度较大，只需将 colspan 添加到该单元格

Demo

Also, I just saw that you've inconsistent table cells in your example, so make sure you fix them according to your requirement.

---

但就解释而言，您需要在将包含这些图像的列上使用 colspan。

---

另外我想指出这一点，使用 form 元素作为 tr 直接子元素嵌套是无效的，你应该在 td< 中使用它，始终验证您的标记 here在您将网站上线之前...但就想法而言，您尝试构建的注册表单可以设计成没有表格...