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

Question

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

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

我还使用一个脚本来调整跨度内文本的大小以填充整个div，因此较长的文本将导致较小的字体大小。

现在，我试图在div的中心垂直对齐文本，但没有成功（全天）。 我在源代码中包含了这个jsfiddle页面。

请帮助我找出这里的问题。

Answer 1

你为什么不做

td {
    vertical-align: middle !important;

}

td div {
    display: inline !important
}

我不知道是否需要重要，我只是穿上一般的款式来覆盖您拥有的一切

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

我在FF中进行了测试，但看不到为什么在其他浏览器中不起作用

更新

更新小提琴，您将在TD上重新调整大小

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

Answer 2

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

Answer 3

试试这个演示

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