HTML/CSS表格填充

我在使用表格时遇到了一个愚蠢的问题，我几乎从不使用表格，我不知道为什么第一张图片后面有一个巨大的空间。我尝试设置宽度，使用“-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>

人物：

---

最好查看小提琴来显示问题-

因为列单元格的宽度较大，因为

输入类型文本框的缘故，只需将
colspan
添加到该单元格即可


另外，我刚刚看到您的表中有不一致的表单元格
，因此请确保根据您的要求进行修复


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


我还想指出这一点，将
表单
元素嵌套为
tr
直接子元素是无效的，您应该在
td
中使用它，在您的网站上线之前始终验证您的标记。。。但就想法而言，您尝试构建的注册表单可以在没有表格的情况下进行设计。
由于
输入类型文本
框，列单元格的宽度更大，只需将
colspan
添加到该单元格中即可


另外，我刚刚看到您的表中有不一致的表单元格
，因此请确保根据您的要求进行修复


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


我还想指出这一点，将
表单
元素嵌套为
tr
直接子元素是无效的，您应该在
td
中使用它，在您的网站上线之前始终验证您的标记。。。但就想法而言，您尝试构建的注册表单可以在没有表格的情况下进行设计。
实际上，您首先不应该使用表格来创建布局。
改用div

要使您在这里看起来井然有序，您需要做的是非常简单地在标签上使用
minwidth
，以确保一致性

我创建了与您的表相同的外观，仅使用div。
如果是一样的，为什么还要麻烦呢？因为我的布局有你所没有的灵活性

看看这里：
实际上，您不应该首先使用table来创建布局。
改用div

要使您在这里看起来井然有序，您需要做的是非常简单地在标签上使用
minwidth
，以确保一致性

我创建了与您的表相同的外观，仅使用div。
如果是一样的，为什么还要麻烦呢？因为我的布局有你所没有的灵活性

看看这里：
谢谢！明白了，谢谢@user2598957您欢迎：）另外，在设计时，保持表边框处于打开状态，仅用于调试目的，完成后，您可以简单地将其关闭谢谢！明白了，谢谢@user2598957您欢迎：）此外，在设计时，保持表边框处于打开状态，仅用于调试目的，完成后，您可以简单地将其关闭