<pre> balise en HTML avec une largeur fixe

Je suis en utilisant le <pre> balise pour afficher du texte préformaté (y compris les sauts de ligne, les espaces et tabulations etc.) Mais les grandes lignes sans sauts de lignes sont affichées sur une seule ligne et une barre de défilement est ajouté.

Je veux limiter la largeur de la <pre> tag (tels que les grandes lignes sont brisés pour venir aux nouvelles lignes et pas de scroll est nécessaire. Est-ce possible ou est-il un autre tag que je peux utiliser?

Code est quelque chose comme:

$.post("contr.php", q1, function(data) {
    $("#el_text").html("< pre>"+data+"< /pre>");
});
InformationsquelleAutor Edward Wong Hau Pepelu Tivrusk | 2009-10-27
  1. 84

    Façon exhaustive de la soutenir dans presque tous les navigateurs:

    pre {
    white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
    white-space: -pre-wrap; /* Opera */
    white-space: -o-pre-wrap; /* Opera */
    white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
    word-wrap: break-word; /* IE 5.5+ */
}

    J'ai eu le même problème il n'ya pas longtemps et avait trouvé la solution ici:
    http://codingforums.com/showthread.php?t=43293

    • Ce qu'il est. Merci!!!!!!
    • Ne semble pas fonctionner dans IE7 pour une raison...
    • De W3 Écoles, espace blanc est le CSS 1 lors de word-wrap est le CSS 3.
    InformationsquelleAutor Karim
  2. 14
    pre{
    white-space:pre-wrap;
}

    ..est-ce que vous voulez dans Firefox et Chrome - encapsule les lignes, mais conserve les espaces. Mais, malheureusement, IE ne semble pas soutenir (même si je n'ai pas regardé dans IE8 encore).

    Edit: IE8 il prend en charge.

    InformationsquelleAutor Dan
  3. 0

    Si l'espace est alloué à droite du bloc, même après avoir fait ce que Karim a dit
    Alors peut-être que vous avez joint à l'intérieur .

    Balise Table alloue de l'espace pour l'ensemble de la pré-chaîne, même si le contenu peut être word enveloppé Cela conduit à des zones blanches sur le droit de pré bloc

    Dans ce cas, le remplacer avec un autre balise div ou du paragraphe

    InformationsquelleAutor Jaison