0

テーブルセル内のテキストと画像要素を垂直方向に揃えようとしています。私が使用align="absmiddle"していて、IE では動作しますが、Chrome では動作しません。

Chrome と IE の両方で、中央のテキストと画像を垂直方向に揃えるにはどうすればよいですか?

コードは次のとおりです。

<tr>
    <td height="17" bgcolor="#550000">
        <div align="center">
            <strong><font color="#000000" size="3">Text</font></strong>
            <img src="Image.jpg" alt="US Image" width="30" height="15" border="0" align="absmiddle">
        </div>
    </td>
</tr>​

デモ: http://jsfiddle.net/8xTta/

4

1 に答える 1

0

の使用absmiddleは、よくある HTML の間違いであるだけでなく、このように使用すると悪い習慣と見なされます。つまり、常にスタイルをコンテンツから分離し、マークアップに埋め込まれたインライン スタイルの代わりに外部スタイルシートを使用する必要があります。

これを解決してブラウザー間の互換性を実現するには、align:absmiddle;ルールを置き換えてvertical-align: middle;代わりに使用します。

これは、あなたが興味を持つかもしれない垂直方向の配置に関する素晴らしいリファレンスです。

于 2012-05-13T20:25:12.670 に答える