перенос слов не работает в IE

Question

перенос слов следующим образом:

    /* The Breakage of Too Long Words */

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

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

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

<code>        <!--  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>

* * 1010

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

Answer 1

Поскольку перенос слов - это свойство 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; 

Answer 2

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

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

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

Answer 3

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