固定高さとワードラップのCSS問題

私は以下のようにコード化されたテーブルを持っています。固定高さとワードラップのCSS問題

<table style="table-layout:fixed"> 
<tr> 
    <td class="htTd" width="100" style="word-wrap:break-word">someDynamicLongtextsomeLongtextsomeLongtextsomeLongtextsomeLongtextsomeLongtextsomeLongtextsomeLongtext</td> 
    <td class="htTd" width="100" style="word-wrap:break-word">someLongtextsomeLongtextsomeLongtext</td> 
</tr> 
<tr> 
    <td class="htTd" width="100" style="word-wrap:break-word">someContentsomeContentsomeContent</td> 
    <td class="htTd" width="100" style="word-wrap:break-word">someContent</td> 
</tr> 
</table>

はCSSで、私は、問題は、コンテンツが動的であるため、（JSPから来る）、長いテキストがIEで正しくラップしていないということである今

htTd{height:30px}

を持っています。 IEでは、それは2行を表示し、残りのコンテンツを隠すだけです。 Firefoxでは正しくラップされます。

CSSから高さ属性を削除するだけで問題を解決できます...残念ながら、私のCSSは他の多くのファイルで使用されているため、CSSを変更することはできません。

CSSに他のCSS属性を追加することで問題を解決するにはどうすればよいですか？

出典

2012-02-04 testndtv

あなたは、たとえば、テーブルにIDを追加して、このような何か書くことができます：私は属性がブレークワードであることを信じてい

#tableId td{height: auto !important;}

か、単に

#tableId .htTd{height: auto} (i would vote for that one)

出典

2012-02-04 15:02:50 mkk

実は私は高さを追加してみました：オートIE Developerツールバーを使用して、いくつかの理由から、それはオートがでサポートされているかどうかわから....ない働いていませんでしたIE ...とにかくあなたが示唆している他の方法を試してみよう.. – testndtv

これは私が「削除」の高さとそれがうまくいく方法です。新しい宣言が古い宣言を上書きすることを確認してください。あなたは背景を追加することで確かめることができます：1つのプロパティと背景に黄色：2番目のプロパティに赤色と背景色が表示されます – mkk

を。この

<td class="htTd" width="100" style="word-wrap:break:word">

は次のようになります。

<td class="htTd" width="100" style="word-wrap:break-word">

出典

2012-02-04 15:02:59 thedjpetersen

はい申し訳ありません....それはすでに正しいです。。 – testndtv

固定高さとワードラップのCSS問題

答えて

関連する問題