当跨度中的文本重新调整大小以填充整个div时，div内的垂直对齐跨度

Question

我有一张25 td的桌子。每个td包含以下元素：

<td>
  <div>
    <span>
     text
    </span>
  </div>
</td>

我还使用一个脚本来重新调整跨度内的文本以填充整个div， 所以较长的文字会导致字体较小。

现在我试图在div的中心垂直对齐文本但没有成功（全天）。我在页面中添加了this jsfiddle页面。

请帮我弄清楚这里有什么问题。

Answer 1

你为什么不这样做

td {
    vertical-align: middle !important;

}

td div {
    display: inline !important
}

我不知道是否需要重要，我只是用一般风格来覆盖你拥有的任何东西

http://jsfiddle.net/JucD7/6/

我在FF中测试但我不明白为什么这在其他浏览器中不起作用

更新

更新小提琴，你jsut所有调整大小的TD

$('td').textfill({ maxFontPixels: 26 });

Answer 2

这是：http://jsfiddle.net/JucD7/3/对你有好处吗？

Answer 3

试试这个demo

td {width: 75px!important;
max-width: 75px!important;
overflow: hidden;
height: 75px!important;
max-height: 75px!important;
}
span {display:block;  text-align:center;}