html - 填充向左移动

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>元素添加文本增加了第二列的宽度，这反过来又导致第一列变小（因为它的单元格向右对齐）。