0

で期待どおりに動作していないが、私はワードラップ持っていると言うthisワードラップ:ブレークワードIE8

続く:テーブルのために:ブレーク言葉を、私たちは「固定テーブルレイアウト」を持っている必要があります素子。それでもIE8では動作しません。私はここに何かの基礎を欠いていますか?

IE8とIE6のスクリーンショットを添付しています。 IE8でHTMLがどのようにレンダリングされるのか。 (IE8で表を囲むパネルのスクロールバーがあります。)レンダリングされたHTMLから

IE6

IE8

IE8

、私はテーブルのレイアウトが固定とスタイルであることをFNDまた適用される。

でもIE8では、グリッドが異なる方法で表示されます。

<table cellspacing="0" rules="all" border="0" id="ctl00_memberContentPlaceHolder_empiMemberHcidGridView" style="border-width:0px;border-style:None;height:150px;width:750px;border-collapse:collapse;**table-layout: fixed**"> 
      <tr class="Row" align="center"> 
       <td align="left" style="width:155px;white-space:nowrap;"> 
             <span id="ctl00_memberContentPlaceHolder_empiMemberHcidGridView_ctl02_typeLabel">IT</span> 
            </td><td align="left" style="width:155px;white-space:nowrap;"> 
             <span id="ctl00_memberContentPlaceHolder_empiMemberHcidGridView_ctl02_firstNameLabel">AAA</span> 
            </td><td align="left" style="width:155px;white-space:nowrap;"> 
             <span id="ctl00_memberContentPlaceHolder_empiMemberHcidGridView_ctl02_lastNameLabel">BBB</span> 
            </td><td align="left" style="width:155px;white-space:nowrap;"> 
             <span id="ctl00_memberContentPlaceHolder_empiMemberHcidGridView_ctl02_appReceivedDateLabel">3/01/2011</span> 
            </td><td align="left" style="width:155px;white-space:nowrap;**WORD-BREAK:BREAK-ALL**"> 
             <span id="ctl00_memberContentPlaceHolder_empiMemberHcidGridView_ctl02_commentsLabel">TestingTestingTestingTestingTestingTestingTestingTestingTestingTestingTestingTesting</span> 
            </td> 
     </table> 

ヘルプが必要ですか?ありがとうございました

答えて

1

実際には、あなたの例(白い空白がないところ)に見られるような人工的なテキストのための単語の折り返しについては心配しません。

解決策の1つは、div内にコンテンツをラップし、幅を&ワードにすることです。開発者ツールバーからそのスタイル「ワードラップ:ブレークワードは」を参照してください。http://jsfiddle.net/6Cm3U/1/

+0

Vinay..Thanks..I @:たとえば、このフィドルを参照してください​​に適用されるのではなくが問題を引き起こしていることでしょうか?リンクでは、スタイルはdivに適用され、スタイルは適用されます。 – Ananth

+1

@Ananth、 'span'はインライン要素なので、単語区切りを動作させるには' block'または 'inline-block'にする必要があります。更新されたサンプルを参照してくださいhttp://jsfiddle.net/6Cm3U/2/私はあなたがスパンクを生成しているので、作業中断を有効にするラベルにいくつかのCSSクラスを適用するASP.NETラベルを使用していると仮定しています。 – VinayC