le retour à la ligne ne fonctionne pas dans IE

Word-wrap comme suit:

    /* The Breakage of Too Long Words */

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

emballez le mot pour le tableau suivant, mais il conserve également la table tendu:

Je l'ai utilisé dans cette partie de la table:

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

T-il le garder tendu, car il est dans l'ensemble un tableau et non une div? Ou pour quelle raison n'est-il pas étirer le dos, parce que la parole est en effet enveloppé.

source d'informationauteur Carpet

  1. 11

    Word-wrap est une propriété CSS3, il est pris en charge uniquement par IE9 et plus. Pour IE8 essayer

    -ms-word-wrap

    Donc, essayez

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

    Espère que cette aide.

    Mise à jour

    Il semble que même si vous utilisez ms-word-wrap dans IE7, il prend par défaut la white-space: nowrap; qui substitue ensuite le retour automatique à la ligne de propriété.

    Une fois de plus un IE hack est nécessaire. Essayez d'ajouter ce pour IE7.

    white-space: normal;
  2. 0

    Votre p au sein div fonctionne très bien, même dans IE6. Votre div dans le pré n'est pas valide HTML.