1

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

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

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

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

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

4

3 回答 3

3

你为什么不做

td {
    vertical-align: middle !important;

}

td div {
    display: inline !important
}

我不知道是否需要重要，我只是穿上一般样式来覆盖你拥有的任何东西

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

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

更新

更新的小提琴，你只需要在 TD 上调整大小

$('td').textfill({ maxFontPixels: 26 });
于 2012-10-05T12:49:28.620 回答
2

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

于 2012-10-05T12:46:28.280 回答
0

试试这个演示 

td {width: 75px!important;
max-width: 75px!important;
overflow: hidden;
height: 75px!important;
max-height: 75px!important;
}
span {display:block;  text-align:center;}
于 2012-10-05T12:24:11.667 回答