如何在<td>？（包括演示）</iframe>中垂直对齐<input />和<iframe>

Question

这里的页面非常简单：

http://maishudi.com/test.php

代码：

<table>
<tr>
<td valign="top">
    <input type="text" />
    <iframe scrolling="no" height="21px" frameborder="0" width="62px" marginheight="0" marginwidth="0" src="Server/SecCode.php">
    </iframe>
</td>
</tr>
</table>

_{（来源：maishudi.com）}

Answer 1

使用两个td，一个用于输入，一个用于iframe：

• Sample 1

或者根本不使用表格，使用CSS定位项目，float属性：

• Sample 2

Answer 2

使用 td 标记的 valign 属性。

..
<td valign="top">

</td>

编辑：

试试这个，

<table>
  <tr>
    <td><input type="text" /></td>
      <td><iframe scrolling="no" height="21px" 
          frameborder="0" width="62px" marginheight="0" marginwidth="0" 
          src="http://maishudi.com/Server/SecCode.php">
    </iframe>
    </td>
  </tr>
</table>