Word-wrap не работает в IE

Word-wrap следующим образом:

    /* The Breakage of Too Long Words */

div.break_word {
    width: 690px;
    word-wrap: break-word;
}

завершает слово для следующей таблицы, но также поддерживает растягивание таблицы:

Я использовал его в этой части таблицы:

        <!--  The Contribution Description -->
        <tr>
            <td colspan="3"><div class="break_word"><p><?php echo $contribution_description; ?></p></div></td>
        </tr>

        <!--  The Separation Line -->
        <tr>
            <td colspan="3"></td>
        </tr>

        <!--  The Contribution -->
        <tr>
            <td colspan="3"><pre><div class="break_word"><?php echo $contribution; ?></div></pre></td>
        </tr>

</table>

Поддерживает ли он растягивание, потому что это общая таблица, а не div? Или по какой причине он не растягивается, потому что слово действительно завернуто.

Ответ 1

Поскольку word-wrap является свойством CSS3, он поддерживается только IE9 и выше. Для IE8 попробуйте

-ms-word-wrap

Итак, попробуйте

div.break_word {
    width: 690px;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
}

Надеюсь, что это поможет.

Обновление

Кажется, что даже если вы используете -ms-word-wrap в IE7, по умолчанию используется пустое пространство: nowrap; который затем переопределяет свойство word-wrap.

Вновь требуется взломать IE. Попробуйте добавить это для IE7.

white-space: normal;

Ответ 2

Ваш p внутри div отлично работает даже в IE6. Ваш div внутри pre недействителен HTML.

Ответ 3

Оболочка Word может быть реализована для IE следующим образом:

div {
  max-width: 200px;
  word-wrap: break-word;
}

<div>loooooooooooooooooooooooooooooooooooooooooongword</div>
<div>long long long long long long long word</div>