web-dev-qa-db-fra.com

Que puis-je utiliser pour remplacer & nbsp; & nbsp; en HTML?

   est moche, je pense.

htmlcsslayoutwhitespace
14
Steven

Marge et/ou rembourrage. (propriétés css), comme ceci:

<p style='padding-left : 10px'>Hello</p>

(Il est intéressant de noter qu'il est généralement considéré comme une mauvaise pratique de mettre un style en ligne comme celui-ci; vous déclarez généralement un sélecteur dans un fichier css externe et définissez la classe/ce que vous voulez.)

21
Noon Silk

En CSS, essayez:

white-space:nowrap;
18
graphicdivine

En CSS, Ajouter

pre{
  white-space: pre-wrap;
  white-space: -moz-pre-wrap !important;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
}

<pre> 
 n'est plus laid 
 </ pre>
5
YOU

J'ai eu ce problème quand j'ai réalisé que j'aurais des tags vides. Je ne voulais pas définir une hauteur fixe et il était trop tard pour changer le code HTML. Je voulais ajouter un espace dans le fichier CSS, le substitut de &nbsp. J'ai donc ajouté l'espace avant l'élément, en utilisant :before (il doit être spécifié via unicode).

p:before {
    content: "\00a0";
}

J'espère que cette solution aide quelqu'un. La solution avec le rembourrage n'a pas fonctionné pour mon problème.

4
Madalina Taina

&#160; est une alternative mais c'est aussi moche

Belle solution est disponible en css.

Si vous avez besoin d’espace au début du paragraphe, vous pouvez

p {text-indent: 10px; } 

Si vous avez besoin d'espacement entre les mots, utilisez-le comme ceci

H2 { Word-spacing: 3pt }

voir ici pour plus d'options http://www.hypergurl.com/csstutorial7.html

Vous pouvez donner ces styles au HTML par inline, external et in-page (<head>....</head>)

4
Jitendra Vyas

Qu'en est-il des propriétés CSS letter-spacing et/ou Word-spacing?

2
Pekka 웃

J'ai utilisé une durée entre deux boutons.

<span style="margin-left:70px;"></span> 

Il a tout espacé là où j'en avais besoin. J'ai essayé de créer un div "spacer", mais cela a poussé l'un des boutons en dessous de l'autre. Je pense que c'était parce que j'utilisais une marge inférieure: 30 pixels; dans le div.

1
James Drinkard

Vous devez utiliser les propriétés de marge ou de remplissage avec vos éléments pour ajuster les espaces.

1
kgiannakakis

Vous devez utiliser:

&nbsp;  non-breaking space: ' '
&emsp;  em space: ' '
&ensp;  en space: ' '
&thinsp;    thin space: ' '

ESPACE SIX-PER-EM

<p>I will display &#8198;</p>
<p>I will display &#x2006;</p>

Exemple d'espace EN QUAD

<p>I will display &#8192;tt</p>
<p>I will display &#x2000;tt</p>

EM QUAD

<p>I will display &#8193;tt</p>
<p>I will display &#x2001;tt</p>

Table

Char    Dec Hex Entity  Name
    8192    2000        EN QUAD
    8193    2001        EM QUAD
    8194    2002    &ensp;  EN SPACE
    8195    2003    &emsp;  EM SPACE
    8196    2004        THREE-PER-EM SPACE
    8197    2005        FOUR-PER-EM SPACE
    8198    2006        SIX-PER-EM SPACE
    8199    2007        FIGURE SPACE
    8200    2008        PUNCTUATION SPACE
    8201    2009    &thinsp;    THIN SPACE
    8202    200A        HAIR SPACE
​   8203    200B        ZERO WIDTH SPACE

Fondamentalement, vous pouvez remplacer 4 espace avec

&emsp; == &nbsp;&nbsp;&nbsp;&nbsp;
0
Pit J