Question

我可以将一个<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>彼此相距太远，它们应该更接近。

Answer 1

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

Answer 2

我想你用“评价”这个词来引用专栏。如果是这样，请删除包含宽度的样式，不要忘记以关闭所有<h3>标记。

此外，您可以找到here您的代码已正常清理。

``= 0之间的距离

2 个答案: