Question

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

请说明这里出了什么问题......

Answer 1

它已经过时了。请改用style =“vertical-align：top”。

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

Answer 3

目前还不清楚你的意思是“不起作用”，但可能你的意思是即使你将单元格中的填充设置为零，单元格中的图像下面也会有一些空白空间。原因是img元素默认情况下与文本基线对齐，您可以通过在浏览器的开发模式中检查它们来看到（计算出的样式显示为vertical-align: baseline）。解决这个问题的方法是在CSS中设置它们的对齐方式：

img { vertical-align: top; }

Answer 4

您已使用css标记标记了问题，因此我认为CSS适合您。

您可以尝试以下操作：

<td style="vertical-align: top;">

Answer 5

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

VALIGN =＆＃34;顶部＆＃34;不在td工作

5 个答案: