перенос слов: разрыв слов не работает должным образом в IE8

Question

Я следовал это

, которые говорят, что для того, чтобы иметь word-wrap: break-word, нам нужно иметь «table-layout: fixed» для элемента таблицы. Даже тогда это не работает в IE8. Я здесь что-то упускаю?

Я прикрепляю снимок экрана в IE8 и IE6. И как HTML отображается в IE8. (Для панели с таблицей в IE8 имеется полоса прокрутки.)

Из предоставленного HTML-кода я обнаружил, что макет таблицы является фиксированным и стиль также применяется.

Но даже тогда 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>

Любая помощь? Заранее спасибо

Answer 1

С практической точки зрения я бы не беспокоился о переносе слов для такого надуманного текста, как это видно в вашем примере (где нет пробелов).

Сказал, что одно из решений может заключаться в том, чтобы обернуть содержимое внутри div и применить ширину и перенос слов к div. Смотрите эту скрипку, например: http://jsfiddle.net/6Cm3U/1/