javascript - 当 span 中的文本调整大小以填充整个 div 时，垂直对齐 div 内的 span

Question

我有一张有 25 个 td 的 table 。每个 td 包含以下元素:

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

我还使用了一个脚本来重新调整 span 内文本的大小以填充整个 div，因此较长的文本会导致较小的字体大小。

现在我试图在 div 的中心垂直对齐文本但没有成功(一整天)。我包括了this jsfiddle包含源代码的页面。

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

Answer 1

你为什么不做

td {
    vertical-align: middle !important;

}

td div {
    display: inline !important
}

我不知道是否需要 important，我只是用通用样式来覆盖你拥有的任何样式

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

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

已更新

更新了 fiddle ，你只需在 TD 上调整所有大小

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