CSS を使用して画像 IMG の垂直方向の中央揃えの問題を解決する
著者：Eve Cole
更新時間：2009-06-12 17:52:58
ご存知のとおり、画像とテキストを垂直方向に中央に配置したい場合は、IMG タグの下に align=absmiddle 属性を追加できます。ただし、align=absmiddle 属性は W3C 検証に失敗するため、CSS を使用して置き換えることはできます。 IMG? align=absmiddle 属性を使用して垂直方向の中央揃えを実現できますか? 答えは「はい」です。これを実現するには、CSS にvertical-align:middle; を追加します。
<div><img style="vertical-align:middle;" src="/uploadfile/png/IconBuffet/Redmond/close_32.png" />CSS を使用して画像とテキストを垂直方向の中央揃えにします</div><br /><br />
<div><img src="/uploadfile/png/IconBuffet/Redmond/close_32.png" />これはスタイルを追加しない場合の効果です</div><br /><br />
<div><img align=absmiddle src="/uploadfile/png/IconBuffet/Redmond/close_32.png" />これは、align=absmiddle を使用して画像とテキストの垂直方向の中央揃えを実現するためのものです</div>
効果という点では CSS で実装した方が若干良いような気もしますが、CSSで制御した方が断然良い気がします。
