3

我的 td 中有图像。我必须将它们对齐顶部，但它们显示在中间。我正在使用以下html。

<table> 
    <tr>
        <td valign="top">                       
            <img src="./images/facebook.jpg" name="facebook" border=0 width=40 height=40>
            <img src="./images/twitter.jpg" name="twitter" border=0 width=40 height=40>
            <img src="./images/linkedin.jpg" name="linkedin" border=0 width=40 height=40>
            <img src="./images/youtube.jpg" name="youtube" border=0 width=40 height=40>
        </td>
    </tr>
</table>

请建议这里出了什么问题...

4

5 回答 5

5

它已经过时了。请改用 style="vertical-align:top"。

于 2013-02-21T07:24:25.007 回答
2

我得到了我的错误。我没有关闭 img 标签。当我关闭每个 img 标签时，它起作用了:)

<table> 
   <tr>
      <td valign="top">                       
         <img src="./images/facebook.jpg" name="facebook" border=0 width=40 height=40 />
         <img src="./images/twitter.jpg" name="twitter" border=0 width=40 height=40 />
         <img src="./images/linkedin.jpg" name="linkedin" border=0 width=40 height=40 />
         <img src="./images/youtube.jpg" name="youtube" border=0 width=40 height=40 />
      </td>
   </tr>
</table>
于 2013-02-21T08:38:30.043 回答
1

不清楚您所说的“不起作用”是什么意思，但可能您的意思是即使您将单元格中的填充设置为零，单元格中的图像下方也有一些空白空间。原因是img元素默认对齐到文本基线，正如您在浏览器的开发模式中检查它们所看到的（计算样式显示vertical-align: baseline）。一个解决方案是在 CSS 中设置它们的对齐方式：

img { vertical-align: top; }
于 2013-02-21T08:09:47.810 回答
0

你已经用标签标记了这个问题，所以我猜 CSS 对你来说没问题。

您可以尝试以下方法：

<td style="vertical-align: top;">
于 2013-02-21T07:25:44.620 回答
0 
<table> 
  <tr>
    <td style="vertical-align:top">                       
      <img src="./images/facebook.jpg" name="facebook" style="border:0;width:40; height:40">
      <img src="./images/twitter.jpg" name="twitter" style="border:0;width:40; height:40">
      <img src="./images/linkedin.jpg" name="linkedin" style="border:0;width:40; height:40">
      <img src="./images/youtube.jpg" name="youtube" style="border:0;width:40; height:40">
    </td>
  </tr>
</table>
于 2013-02-21T07:27:24.740 回答