Quel est le code HTML afin d'avoir un espace horizontal entre deux objets?

J'ai été à la recherche d'une réponse et d'essayer des choses différentes sans succès. Quelqu'un pourrait-il bien vouloir me faire savoir comment mettre des espaces entre les deux objets à l'aide du code PHP? (Veuillez noter: j'utilise WordPress, dans le cas qui fait une différence.)

Je sais comment le faire verticalement avec </br>, mais qu'est-ce que l'horizontale équivalente à qui?

Veuillez noter que je ne sais pas beaucoup sur le code, de sorte que toutes les informations détaillées que vous êtes en mesure de fournir est très apprécié à l'avance - merci beaucoup!

  • Tu veux dire &nbsp;?
  • Comment est-ce au sujet de PHP? C'est à propos de HTML.
  • C'est à propos de CSS et de ce que vous voulez de l'espace? les objets ici signifie éléments?
  • Horizontal et vertical des espaces peuvent être maintenus par CSS. CSS peut être utilisé pour decorate web page.
  • besoin de marquer de nouveau la question
  • Cela lui permettrait d'être plus précis quant à ce que vous essayez d'atteindre. Simplement enveloppez chaque partie dans un <div>/<p> ou de la rupture de deux lignes avec <br /><br /> devrait être suffisant pour mettre l'horizontale de la pause entre les 2 segments.

InformationsquelleAutor user2376452 | 2013-05-13
  1. 24

    Je suppose que ce que vous voulez, c'est:

    &nbsp;

    Mais ce n'est généralement pas un bon moyen pour aligner le contenu. Il vaut mieux mettre votre contenu différent dans

    <div>

    balises et ensuite utiliser les css pour un alignement correct.

    Vous pouvez aussi consulter ce post avec des infos supplémentaires:

    • Merci pour l'information, cependant, j'ai déjà essayé nbsp sans succès pour cette. Toutes les autres balises div de mettre ce genre de choses sur une nouvelle ligne, mais je suis à la recherche de tout pour rester sur la même ligne.
    InformationsquelleAutor Chief Wiggum
  2. 6

    Vous devriez mettre un padding dans chaque objet. Par exemple, vous voulez un espace entre les images, vous pouvez utiliser les éléments suivants:

    img{
   padding: 5px;
}

    Qui signifie 5px paddin pour TOUS côtés. Lire la suite sur http://www.w3schools.com/css/css_padding.asp. Par la manière, l'étude d'un lot avant de tenter de le programme va rendre les choses plus facile pour vous (et pour nous).

    InformationsquelleAutor kireirina
  3. 3

    PHP ne fait pas de style. Vous devez utiliser le langage html ou css. Jetez un oeil à http://www.w3schools.com/tags/tag_hr.asp

    En HTML 4.01, la

    balise représente une règle horizontale.

    In HTML 4.01, the <hr> tag represents a horizontal rule.
    • Merci pour les informations. Je n'ai rien vu sur w3 écoles lien qui semblait aider. J'ai vérifié les rh, un peu et il semble être sur l'ajout d'une ligne horizontale. J'ai juste besoin d'espaces, mais pas une ligne. (Veuillez noter que j'ai essayé de l'nbsp code déjà et il ne fonctionne pas pour cela.
    • Pouvez-vous ne pas ajouter un padding/margin css?
    • Si j'essaie <p style="padding: 20px;">, il continue de mettre des choses sur une ligne différente.
    • Peut-être il n'y a pas assez de place sur cette ligne? Essayez un petit rembourrage? potentiellement avec un float? Il est difficile d'aider avec une visibilité limitée
    • Malheureusement, je ne sais pas à quoi vous faites allusion, par 'float'. Par manque de visibilité, je pense que tu veux dire que le fait de voir plus de code serait bénéfique. <div class="addthis_toolbox addthis_default_style "> <a class="addthis_button_pinterest_pinit"> </a><div class="addthis_toolbox addthis_default_style"> <a class="addthis_button_linkedin_counter" li:counter="none"></a> <a class="addthis_button_google_plusone" g:plusone:count="false"> </div></div> <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-518895bb724be09b"></script>
    • Oui, "plus de visibilité", je veux dire plus: code, explication, url. Cela pourrait nous aider à vous aider.
    • Je viens de poster le code. Il a été trop longtemps dans sa forme originale, de sorte que certaines des autres codes de bouton ont été supprimés de la ci-dessus pour compenser. Cela dit, j'espère que ça aide à se faire une idée. Comment puis-je contrôler l'espacement horizontal entre les personnes?
    • Avant, quand vous avez essayé de rembourrage, vous appliqué tout autour, appliquez-la de côté dont vous avez besoin (j'.e en haut). Il serait probablement préférable d'appliquer une marge inférieure de l'élément ci-dessus, c'est à dire pousser l'élément ci-dessous à l'écart
    • Je suis actuellement le début de toute cette affaire avec <p style="padding-left: 15px;">, ce qui est parfait pour le premier bouton de la marge de gauche. Mais, ensuite, quand j'ai essayer de l'utiliser à nouveau le code d'ailleurs, il continue de mettre que le bouton suivant sur une nouvelle ligne. Je suis à la recherche pour le remplissage à gauche et de contrôle de l'espacement horizontal entre les autres boutons tout en gardant tout sur la même ligne horizontale.
    • Utiliser firebug dans firefox pour inspecter ce qui se passe. Il va vous montrer les marges/rembourrages etc, donc vous pouvez analyser pourquoi il se comporter de cette façon.
    • Je vous remercie pour votre temps. J'ai trouvé site qui a un code de &#x00A0; qui permet de me donner mes résultats souhaités. Il ne fournit pas une réponse complète, mais il est le plus proche que j'ai pu venir jusqu'ici. Merci pour votre temps!

    InformationsquelleAutor Eddie Jaoude
  4. 3

    CSS

    div.horizontalgap {
  float: left;
  overflow: hidden;
  height: 1px;
  width: 0px;
}

    Utilisation en HTML (pour un 10px écart horizontal)

    <div class="horizontalgap" style="width:10px"></div>
    • Cette approche fonctionne aussi pour les lacunes, changer la DIV style de height au lieu de width. Je l'ai confirmé par des tests avec google Chrome.
    InformationsquelleAutor Arup Hore
  5. 2

    Eh bien, ce est probablement mal vu, mais vous pouvez faire un 1px image transparente, puis la taille selon les besoins entre le texte.

    Some text <img src="spacer.png" height="1px" width="10px"> Some more text

    J'ai rencontré ce problème lorsque l'une ou les deux espaces n'était tout simplement pas assez pour ma conception de la sensibilité.

    InformationsquelleAutor dtmp
  6. 1

    Je pense que ce que tu veux dire, c'est de mettre 2 paragraphes (par exemple) dans les 2 colonnes au lieu d'une en dessous de l'autre? Dans ce cas, je pense que float est votre solution.

    <div style="float: left"> <!-- would cause this to hang on the left -->
<div style="float: right"> <!-- would cause this to hang on the right-->

    Voici un exemple: http://jsfiddle.net/XPfLA/1

    InformationsquelleAutor casraf
  7. 0

    Une autre façon, vous pouvez ajouter de l'espace horizontal entre les éléments est de créer des étiquettes pour préserver des espaces dans le css:

    label {
   white-space: pre;
}

    ..et puis ajoutez une étiquette avec autant de cases que vous le souhaitez:

    <label>  </label>
    InformationsquelleAutor B. Clay Shannon
  8. -1

    Vous pouvez utiliser les anciennes façons de faire. Et utiliser un tableau. Dans le tableau, vous définissez 3 colonnes. Vous définissez la largeur de l'ensemble de votre table et de définir la largeur de chaque colonne. de cette façon, vous pouvez horizantaly espace de 2 objets. Vous mettez un objet à l'intérieur de cell1 (colum1, row1) et object2 dans cellule3 (colonne 3, ligne 1) et vous laissez la cellule 2 vide. Étant donné qu'il a une largeur, vous verrez des espaces vides.
    exemple

    <table width="500">
    <tr>
        <td width="40%">
            Object 1
        </td>
        <td width="20%">

        </td>
        <td width="40%">
            Object 2
        </td>
    </tr>
</table>

    Ou vous pouvez aller faire de la meilleure façon avec les div à l'. Il suffit de mettre votre objets à l'intérieur de divs. Ajouter un milieu de div et de mettre ces 3 divs l'intérieur d'une autre div. À la feuille de style css à la partie supérieure de la div: overflow: auto et de définir une largeur. Ajouter un style css pour les 3 divs pour définir leur largeur, et ajouter un float: left
    exemple

    <div style="overflow: auto;width: 100%;">
    <div style="width:200px;float: left;">
        Object  1
    </div>
    <div style="width:200px;float: left;">

    </div>
    <div style="width:200px;float: left;">
        Object  2
    </div>
</div>
    • Je n'ai pas essayer la table, mais le code du "dépassement" est exactement ce que je voulais et, je crois, ce que l'OP voulait. Je souhaite que je pourrais marquer comme LA SOLUTION.
    InformationsquelleAutor roel