Ne peut pas ajouter de l'espace avec 'innerHTML' entre les boutons

J'ai ce javascript pour l'ajout d'espace blanc entre les deux boutons, j'ai juste créé et inséré dans une div:

document.getElementById("divID").appendChild(buttonONE);

document.getElementById("divID").innerHTML + ="           ";

document.getElementById("divID").appendChild(buttonTWO);

Il y a un espace entre les deux boutons, mais il est toujours juste l'un de l'espace, comme si vous aviez appuyé sur la barre d'espace qu'une seule fois.

Comment puis-je augmenter ces espaces à plus d'un?

Grâce

InformationsquelleAutor user2860857 | 2013-10-15
  1. 13

    1. Tous les espaces blancs dans le code HTML, y compris les sauts de ligne, se réduit à un seul espace. C'est la règle.

    2. N'utilisez pas d'espaces. Ils ne sont pas exactes. L'utilisation d'un élément et de lui donner une largeur, rembourrage, ou de la marge en CSS.

    3. Si vous DEVEZ utiliser des espaces, utilisez  . C'est un espace de non-rupture, et tous sont imprimés. Mais vraiment, ne l'utilisez pas.

    • Permettez-moi de vous demander, pourquoi tant de négatif à propos de   ?Quel est le problème avec ceux-là? Merci
    • Les espaces sont imprévisibles. Taille de la police n'est pas la même dans tous les navigateurs, donc si vous compter le nombre exact de places pour atteindre une largeur spécifique, il sera différent dans un autre navigateur. Aussi, si vous avez changé la police ou la taille de la police pour une raison quelconque, la largeur de tous les espaces changerait trop.
    • ce sujet de l'utilisation de '<pre>' tag?
    InformationsquelleAutor
  2. 1

    Vous devez utiliser &nbsp; (espace insécable) pour chaque espace pour empêcher le navigateur d'afficher comme un espace.

    InformationsquelleAutor Elon Than
  3. 1

    Qu'en CSS solution? Vous pouvez donner à l'élément d'un IDENTIFIANT et d'utiliser un sélecteur d'ID:

     #buttonTWO
    {
       margin-left: 20px;
    }

    ou si vous ne pouvez pas utiliser les CSS avec Javascript:

    document.getElementById("divID").appendChild(document.getElementById("buttonONE"));
var buttonTwo = document.getElementById("buttonTWO");
buttonTwo.style.marginLeft = "20px";
document.getElementById("divID").appendChild(buttonTwo);

    http://jsfiddle.net/Std8J/

    InformationsquelleAutor Hanlet Escaño
  4. 0

    (C'est la réponse tardive, mais il va profiter à d'autres qui débarquent sur cette page, comme je l'ai fait lors de la recherche d'une solution)

    À l'aide de la pré balise html a résolu mon problème.

    J'ai été l'affichage d'un tableau qui parfois aurait plus d'un espace et j'ai besoin de préserver ce sans le réduire à un seul espace.

    InformationsquelleAutor Meenohara