如何使图像文本在表格中垂直对齐中心

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/

http://jsfiddle.net/jTW4d/

4 个解决方案

#1

Try the following CSS:

尝试以下CSS：

td { vertical-align: middle }
img { vertical-align: middle }

#2

Try this fiddle. http://jsfiddle.net/jTW4d/8/

试试这个小提琴。 http://jsfiddle.net/jTW4d/8/

#3

td img, td span{
    display:inline-block;
    .display:inline;
    .zoom:1;
    vertical-align:middle;
}

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

这是一个更新：http：//jsfiddle.net/jTW4d/4/

#4

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

http://jsfiddle.net/jTW4d/9/ - 我用line-height css属性来解决这个问题。