Besoin d'insérer un espace entre les éléments en ligne

J'ai besoin d'insérer un mannequin de l'espace entre plusieurs éléments span. ie; la Nécessité d'insérer un espace entre "Aider" et le "Feedback"

Comment puis-je le faire?

http://jsfiddle.net/hsQ24/

HTML

<div id="header">
    <span>Help</span>
    <span>   </span>
    <span>Feedback</span>
    <span>help</span>
</div>

CSS

#header{
    background-color:red;
}

Qu'en est  ?
  est très peu pratique. Rembourrage serait beaucoup mieux et beaucoup plus pratique que de les insérer manuellement un espace après chaque travée.
ayant à plusieurs reprises de les ajouter   où vous le souhaitez, l'espacement est de mauvaise pratique. CSS nous permet de faire cela avec margin.
Ne pas lire attentivement la question à se rendre compte qu'il avait envie plus d'une fois. Je serai d'accord avec l'aide d'un CSS solution si c'était le cas.

InformationsquelleAutor user1050619 | 2014-05-27

css html

vous pouvez utiliser :before pseudo-élément. De vérifier la DÉMO.

CSS comme

span:before{
    content:" "; 
    display:inline-block; 
    width:32px;
}

Code HTML

<div id="header">
    <span>Help</span>
    <span>   </span>
    <span>Feedback</span>
    <span>help</span>
</div>

En Outre, si vous devez supprimer les span, vous pouvez utiliser :nth-of-type

#header span:nth-of-type(2)
{
  display:none;
  background-color:green;
}

Un autre JSBin lien.

InformationsquelleAutor Kheema Pandey

3

Donner votre span éléments de gauche et de droite margin:
```
#header span {
    margin: 0 10px;
}
```
JSFiddle démo.

Si vous êtes désireux d'ajouter une espace entre le premier et le deuxième span éléments (en ignorant le vide dans votre exemple), vous pouvez faire usage de la :first-child sélecteur d'appliquer margin-right pour la première span seulement:
```
#header :first-child {
    margin-right: 20px;
}
```
JSFiddle démo.

Alternativement, vous pouvez modifier votre code HTML à donner votre premier span élément d'un class qui peut être utilisé à la place de la :first-child sélecteur.

InformationsquelleAutor James Donnelly
2

Vous pouvez utiliser un rembourrage
```
span {
    padding-left: 5px;
    padding-right: 5px;
}
```
..ou tout simplement padding-right.

InformationsquelleAutor Andy G
2

Utilisation des espaces réguliers ou  

http://jsfiddle.net/Quadraxas/hsQ24/5/

InformationsquelleAutor Quad

Si vous voulez juste de l'espace avant que cet élément, à lui donner une classe et un style de:

<div id="header">
    <span>Help</span>
    <span class="feedback">Feedback</span>
    <span>help</span>
</div>

#header{
    background-color:red;
}

.feedback {
    margin-left: 1em;
}

Mis à jour exemple: http://jsfiddle.net/hsQ24/4/

InformationsquelleAutor Paul Roub

0
```
span {
    padding-right: 50px;
}
```
InformationsquelleAutor TheBokiya
0

Je pense que &nbsp est la meilleure réponse pour ce que vous recherchez, si vous n'utilisez pas les divs pour "stocker" que les menus.

http://jsfiddle.net/AlphaCrack/hsQ24/8/

InformationsquelleAutor Victor

Envelopper vos éléments à l'intérieur d'un récipient puis utilisez GRILLE CSS, cours et ensuite utiliser grid-gap:value qui a été créé pour le but spécifique

CSS:

span{
  border:1px solid red;
}
.inRow{
  display:grid;
  grid-template-columns:repeat(auto-fill,auto);
  grid-gap:10px /*This add space between elements, only works on grid items*/
}
.inColumn{
  display:grid;
  grid-template-rows:repeat(auto-fill,auto);
  grid-gap:15px;
}

HTML:

<div class="inrow">
  <span>1</span>
  <span>2</span>
  <span>3</span>
</div>
<div class="inColumn">
  <span>4</span>
  <span>5</span>
  <span>6</span>
</div>

Comme pour votre problème, vous devez utiliser la ligne exemple

InformationsquelleAutor John Balvin Arias

0

pour la div parent
```
display: inline-table;
```
InformationsquelleAutor Siviy

Vous devez vous connecter pour publier un commentaire.