TD要素内でイメージとテキストを垂直に整列する

Question

私はそれを行うときに展開アイコンを表示する必要があります。テキスト&イメージが整列していません。私は、expandアイコンを呼び出すspacer.gif（1x1）を使用しました。私がimgタグで直接に幅を&と指定した場合、テキストは整列していません。

また、私はspacer.gifを使用しています。なぜなら、これまでのアイコンを必要とするアイコンや、拡張アイコンがないtdのどこにでも簡単に呼び出すことができるからです。単に幅を指定して他のtdとうまく整列させることができます。

<td><img src="../images/spacer.gif" class="texpand_icon"/>Actuals</td> 

.texpand_icon{background:url('../images/plus.gif') no-repeat left center; padding-left: 16px;} 

誰かがこの問題を解決できますか？

Answer 1

valign属性を試しましたか？

<td valign="middle"><img /></td> 

画像そのものを整列させる必要があります。テキストを画像に合わせるには、画像上でCSSのプロパティーを垂直方向に整列させることができます。

.texpand_icon{ 
    vertical-align: middle; 
    ... 
}