画像を中心にしてテキストを縦に並べる方法

I want to center the text vertically but no idea how, you can see what I'm trying to achieve in fiddle below.

http://jsfiddle.net/jTW4d/

1

4 答え

以下のCSSを試してみてください:

td { vertical-align: middle }
img { vertical-align: middle }
2
追加された
1
追加された
td img, td span{
    display:inline-block;
    .display:inline;
    .zoom:1;
    vertical-align:middle;
}

here is an update : http://jsfiddle.net/jTW4d/4/

0
追加された
それはちょうどオプションですが、この方法は<td {vertical-align:middle} "を使用できない<div>のようなブロック要素を使用しても動作します。
追加された 著者 AlexC,
* の代わりにを使用する特別な理由はありますか?
追加された 著者 thirtydot,

http://jsfiddle.net/jTW4d/9/ - I used line-height CSS property to fix this.

0
追加された