jquery - Vertically center the th element in table

Question

I have a text "2012 Year" in the table, I want to position it centered vertically. There is a collapseIcon beside the text.

The demo.

My questions:

1) Can we position it in the center accurately? Please don't use padding-top, I doubt that it is not accurate since we don't know the hight of the cell.

2) A little off topic, there is no tbody element in the table, why the code

 $('table.collapsible tbody').each(function() {

is still working?

Thank you.

Answer 1

これは CSS プロパティ valign:middle で行うことができます

JQuery を使用して実行する場合は、次のように実行できます。

$('table.collapsible tbody tr td').each(function() {
    $(this).css('valigh','middle');
});

Answer 2

に追加line-height: 60pxし.tabletitleます。の<img>高さは 60px で、テキストは行の高さ 60px の中央に表示されます。

フィドル