0

我在使用表格时遇到了一个愚蠢的问题，我几乎从不使用表格，而且我不确定为什么第一张图片后面有很大的空间。我尝试使用“-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/

4

2 回答 2

3

由于input type text盒子的原因，列单元格的宽度较大，只需添加colspan到该单元格

演示

另外，我刚刚看到您的 示例中的表格单元格不一致，因此请确保根据您的要求修复它们。

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

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

于 2013-08-28T11:53:32.693 回答
0

实际上，您不应该首先使用表格来创建布局。使用 div 代替。

为了使您在此处获得有条理的外观，您需要做的是非常简单min-width地在标签上使用以保持统一。

我只使用 div 创建了与您的表相同的外观。如果它相同，为什么要打扰？因为我的布局有你没有的灵活性。

看看这里：http: //jsfiddle.net/avrahamcool/uh6j4/7/

于 2013-08-28T18:25:15.043 回答