0

我有一排由两个 tds 组成。TD1 包含两个文本（txt1 和 txt2）。TD1 中的 txt2 必须与 TD2 一致。这是我的代码：

<tr>

        <td width="220">
        <span class="b">TB From:</span>
        <span style="position: relative; left : 20px;" id="lblTBHoriz" class="b"><br> 
        <span style="padding-left: 1.5px">  TBN:</span>
        </span>
        </td>

        <td>
        <pre></pre> 
        <input type="text" id="tBFrom"  name="tBFrom"
         value="" size="20" maxlength="16"
         onkeypress="return isNumberKey(event);"  onchange="validate(this);" > 
        </input>
        </td>

    </tr>

问题是 TBN：另一个 td 中的输入框必须符合要求，并且在 Mozilla 中它可以正常工作。但在 IE 中，输入框向上显示文本 TBN: 并与 TB From: 文本对齐。我能做些什么来解决这个问题？请帮助。

4

2 回答 2

1 
<tr>

        <td colspan="2" width="220">
        <span class="b">TB From:</span>
        <span style="position: relative; left : 20px;" id="lblTBHoriz" class="b"><br> 
        <span style="padding-left: 1.5px">  TBN:</span>
        </span>
        </td>

        <td colspan="2">
        <pre></pre> 

            <br/>

        <input type="text" id="tBFrom"  name="tBFrom"
         value="" size="20" maxlength="16"
         onkeypress="return isNumberKey(event);"  onchange="validate(this);" > 
        </input>
        </td>

    </tr>

http://jsfiddle.net/dolours/zvMKH/335/

于 2013-04-15T09:45:53.327 回答
1

如果<input>每次都必须在底部添加一个类到td标签并添加一些 CSS 到它：

td.your-class
{
    vertical-align:bottom;
}

表格应该有表格数据。不建议将它们用于布局。您可以改用div标签。

<div>TB From:</div>
<div><label>TBN:</label><input type="text" vlaue="" /></div>

div您可以随心所欲地设计标签。

于 2013-04-15T09:50:39.317 回答