填充<span />移動tbody左

我有一個表格裏面有一些Javascript驗證。該表標籤是填充<span />移動tbody左

<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工作得很好。

來源

2012-06-27 err1100

你可以在JSFiddle中設置測試環境嗎？我無法用你提供的代碼做很多事情。我沒有看到任何CSS或任何東西。檢查錯誤文本並查看是否有從全局某處添加的任何填充或邊距。 –

我修好了！不幸的是，我的聲譽不允許我在三個小時後發佈答案。 – err1100

固定！
問題是我在表格中有一行文字，其中colspan=2使表格的寬度大於任何其他行的寬度。將文本添加到<span>元素增加了第二列的寬度，這又導致第一列變小（因爲它的單元格對齊到右側）。

來源

2012-06-28 01:14:24 err1100

拍拍自己的背部，享受當下。 :) – Ben

謝謝，史蒂夫。 :) – err1100

填充<span />移動tbody左

回答

相關問題