1

25 td のテーブルがあります。各 td には次の要素が含まれます。

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

また、スパン内のテキストのサイズを変更して 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 に答える