Question

我尝试将valign =“top”作为<td>的属性，但徒劳无功。

<tr>
<td>
    <span class="validationInline">*</span>
    Security Code:
</td>
<td valign="top">
    <input type="text" />
    <iframe scrolling="no" height="21px" frameborder="0" width="62px" marginheight="0" marginwidth="0" src="http://google.com"></iframe>
</td>
</tr>

<input>似乎与buttom对齐，而<iframe>与顶部对齐。

Answer 1

根据您的描述，单元格似乎与顶部对齐，但输入/ iframe在底部对齐。垂直对齐通常仅适用于兄弟元素。

您需要做的是在输入和iframe上设置CSS vertical-align:top属性。

<td valign="top">
  <input style="vertical-align:top" type="text" />
  <iframe style="vertical-align:top" scrolling="no" height="18" frameborder="0" width="62" marginheight="0" marginwidth="0" src="http://google.com"> </iframe>
</td>

Answer 2

<td valign="top"><input type="text" />
  <iframe scrolling="no" height="18" frameborder="0" width="62" marginheight="0" marginwidth="0" src="http://google.com"> </iframe></td>

以上对我有用...它将内容对齐到单元格的顶部。这就是你要追求的吗？

如何在<td>？</iframe>中垂直对齐<input />和<iframe>

2 个答案: