Comment préserver les espaces ajoutés dynamiquement en javascript DOM élément sans l'aide de CSS?

Lors de l'ajout dans le texte, avec de petits espaces ajoutés pour l'alignement des fins de l'espace est découpée (l'espace est ajouté en c# donc, le temps que ça prend de front-end Javascript, il ne peut pas être modifié - il serait bien de l'utiliser juste un peu de CSS pour le faire, mais ce n'est pas une option).

Voici ce que j'ai essayé jusqu'à présent:

<div id="testDiv"></div>
<script type="text/javascript">
 var zlp = document.getElementById("testDiv");
 zlp.innerHTML = "hello                hello";
 var zzz = document.createTextNode("hello                hello");
 zlp.appendChild(zzz);
</script>

Lesquelles produisent des hello hello.

Essayez avec quelque chose comme foo.innerHtml = 'bla bla'.replace(' ', '&nbsp;')
Double Possible de Javascript Supprimant les Espaces Lors de l', Il ne devrait pas?

OriginalL'auteur Travis J | 2012-05-06

  1. 16

    Les espaces blancs sont habituellement s'est effondré en HTML (par défaut).

    Vous pouvez le remplacer par le &nbsp; entité:

    var text = text.replace(/\s/g, '&nbsp;');

    \s correspond à tout caractère espace blanc, tels que l'espace, la tabulation et de la nouvelle ligne. Si vous ne souhaitez remplacer l'espace, de l'utilisation //g à la place.

    Autres options qui permettent d'éviter la manipulation de la chaîne:

    • Mettre le texte dans un de l'élément.
    • Définir le CSS 2 white-space propriété pre comme @Esailija souligné. Vous pouvez toujours ajouter des propriétés CSS dynamiquement à des éléments, ils n'ont pas à être spécifié dans une feuille de style.
    pas toujours bien, vous pouvez utiliser les css comme white-space: pre;
    Bon point...
    comme quelqu'un l'a dit ci-dessous, l'OP -> "Css dans pas une option"
    aussi, à proprement parler, \s !== '&nbsp;'. Juste pour le record.
    pr = document.createElement("pre"); pr.innerHTML = "bonjour bonjour"; zlp.appendChild(pr); travaillé. Merci!

    OriginalL'auteur Felix Kling

  2. 0

    Espace blanc est effondré en HTML. Ce n'est pas un JS problème, le même arriverait-il si vous avez saisi manuellement dans le document HTML. Vous devez remplacer les espaces avec des &nbsp;

    zlp.innerHTML = "hello                hello".replace( //g, "&nbsp;" );

    OriginalL'auteur gotofritz

  3. 0

    utilisation  

    zlp.innerHTML = "hello&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;hello";

    Comme tout le monde viens de dire.

    Vouliez-vous dire &nbsp;?
    oui, c'était une grande faute de frappe

    OriginalL'auteur PitaJ

  4. 0

    utiliser une balise html 'pré'

    Exemple:

    <pre>
A line
   A line with indent
</pre>

    résultat:

    Une ligne 
Une ligne avec un tiret

    OriginalL'auteur Wagner Pereira