1

現在、かなり難しい問題に直面しています。本当にありがとうございました。

td1 と td2 の 2 つの列を持ち、テキストを含むテーブルがあり、どちらも幅が固定されています。

td1.width = 10px および td2.width = 20px

固定幅は実行時に JQuery を使用して左から 1 つずつ設定されます (このテーブルは別のテーブル内にネストされているため...)

テキストの幅がこれらの固定幅よりも長くなる場合があり、そのシナリオでは予期される動作が次のようになります。

列の固定幅は同じままである必要があります1) 余分なテキストがある場合、テキストは折り返され、td 幅を増減してはなりません 2) 空のスペースがある場合、他のサイズを変更するときにセル幅を縮小しないでください列またはページ; そのままにしておく必要があります。

td.whitespace プロパティを pre-wrap および td.word-wrap: break-word に設定しましたが、役に立ちませんでした。

css 2.0 (3.0 ではない) を使用してこれらをどのように実現できるでしょうか?

ありがとう、

4

2 に答える 2

1

この場合、幅が非常に小さく、テキストには通常それほど小さい単語がないため、それらを折り返す方法がないため、幅をtd設定して偶数の幅を拡張します!

td1 番目が余分な幅を使用しているため、2 番目の幅が減少します。

また、テキストの幅が非常に広い場合 (長い単語など) があり、その場合は折り返す方法がありません。JavaScriptを使用しない限り、IMOはそれが唯一の方法です。

この回答を読むことをお勧めします: HTML TD wrap text

于 2011-08-11T11:21:53.493 に答える
0

わかりました、解決しました。私のテーブルには、thead と colgroups がありました。それらの表示属性は隠されていましたが、IE 9.0 はそれを無視しますが、IE 6.0 は列の幅を計算する際にそれらを考慮に入れます!

jqueryを使用してそれらを削除し、整理しました！

$('.myTable thead, .myTable colgroup').remove();

于 2011-08-18T19:01:58.937 に答える