`<td>` 之间的距离 = 0答案

【问题标题】：Distance between `<td>` = 0`<td>` 之间的距离 = 0
【发布时间】：2013-01-03 19:32:01
【问题描述】：

我可以将一个<td> 到另一个<td> 的距离设置为零吗？我把代码贴在这里：

<table>
  <tr>
    <td style="width:212px;">
       <h3 id="skills">  <input id="skills_check" type="checkbox" name="skills" /> Appraise &#9705</h3>
    </td>
    <td>
       <h3 id="skills_opt">int</h3>
    </td>
    <td>
       <h3 id="skills_opt"><input type="text" name="skill_mod" style="width:30px" />&nbsp=</h3>
    </td>
    <td>
       <h3 id="skills_opt"><input type="text" name="ability_mod" style="width:30px;border-top:none;border-left:none;border-right:none;" />&nbsp+</h3>
    </td>
    <td>
       <h3 id="skills_opt"><input type="text" name="ranks" style="width:30px;border-top:none;border-left:none;border-right:none;" />&nbsp+</h3>
    </td>
    <td>
       <h3 id="skills_opt"><input type="text" name="misc_mod" style="width:30px;border-top:none;border-left:none;border-right:none;" /></h3>
    </td>
  </tr>
  <tr>
    <td style="width:212px;">
       <h3 id="skills"><input id="skills_check" type="checkbox" name="skills" />Appraise &#9705</h3>
    </td>
    <td>
       <h3 id="skills_opt">int</h3>
    </td>
    <td>
       <h3 id="skills_opt"><input type="text" name="skill_mod" style="width:30px" />&nbsp=</h3>
    </td>
    <td>
       <h3 id="skills_opt"><input type="text" name="ability_mod" style="width:30px;border-top:none;border-left:none;border-right:none;" />&nbsp+</h3>
    </td>
    <td>
       <h3 id="skills_opt"><input type="text" name="ranks" style="width:30px;border-top:none;border-left:none;border-right:none;" />&nbsp+</h3>
    </td>
    <td>
       <h3 id="skills_opt"><input type="text" name="misc_mod" style="width:30px;border-top:none;border-left:none;border-right:none;" /></h3>
    </td>
  </tr>
</table>

<td> 之间的距离太远，它们应该更近一些。

【问题讨论】：

你把包含这些的 td 给了 212px - jsfiddle.net/jvw3z
首先以有效的方式（如 H3）关闭您的标签，然后请提供有关您的问题的更多详细信息，也许是一个活生生的例子，我完全不明白您在问什么。
td 有你给他们的宽度，212px。删除样式，它将是其中文本的宽度

标签： html css html-table

【解决方案1】：

我认为您指的是带有“评估”字样的列。如果是这样，请删除包含宽度的样式并不要忘记关闭所有<h3> 标签。

此外，您还可以找到here 您的代码清理了正常运行。

【讨论】：

【解决方案2】：

在表格元素上将border-collapse 设置为collapse。

【讨论】：

定义“真实浏览器”。如果您的意思是“当它在您的网站上时”，那么您可能有其他一些 CSS 干扰了规则。