填充<span>移动tbody left </span>

Question

我在表中有一个表单有一些Javascript验证。表标签是

<table style="padding-left:70px" align="left" cellpadding="10">

并且给定的行如下所示：

<tr id="email_row">
 <td align="right" valign="top">
  <label for="email">Email: *</label>
 </td>
 <td class="field_cell" valign="top">
  <input type="text" name="email" maxlength="80" size="30"><span class="error_field"></span>
 </td>
</tr>

如果用户在没有填写（或填写正确）字段的情况下点击提交，则跨度会填充错误消息，如“无效”或“必需”。不幸的是，这样做会使整个tbody向左移动（即使它向左对齐）。有什么建议吗？

仅供参考，我只能在Chrome中重现此问题。 Firefox和IE工作得很好。

Answer 1

固定！
问题是我在表中有一行文本colspan=2，表格的宽度大于任何其他行的宽度。 向<span>元素添加文本会增加第二列的宽度，从而导致第一列变小（因为其单元格向右对齐）。