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 に答える