如何垂直对齐和在<td>内？</td>

发布于 2024-08-03 16:04:55 字数 504 浏览 3 评论 0原文

我尝试将 valign="top" 作为的属性，但没有成功。

<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>

似乎将自身与按钮对齐，而与顶部对齐。

原文

I've tried putting valign="top" as attribute of <td> but in vain.

<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>

It seems that <input> aligns itself to the buttom,while <iframe> to the top.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

旧城烟雨 2024-08-10 16:04:55

从您的描述来看，单元格似乎与顶部对齐，但输入/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>

From your description it seems that the cell is aligning to the top, but the input/iframe are aligning to each other at the bottom. Vertical alignment generally only applies to sibling elements.

What you'll need to do is set the CSS vertical-align:top property on both the input and iframe.

<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>

回复收藏 0 原文

々眼睛长脚气 2024-08-10 16:04:55

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

The above works for me... It aligns the content to the top of the cell. Is this what you're after?

回复收藏 0 原文

~没有更多了~