Esiste un modo elegante per creare / generare spazi invece di & amp; nbsp?

StackOverflow https://stackoverflow.com/questions/1803967

  •  05-07-2019
  •  | 
  •  

Domanda

Devo generare spazi in un file HTML.

È stato utile?

Soluzione

Tutto dipende dal contesto, puoi usare la spaziatura tra lettere, spaziatura tra parole o, ad esempio, il riempimento per lo span circostante.

Senza ulteriori informazioni è impossibile dare un buon consiglio.

Modifica: se è per l'uso nei testi / tra le parole, dovrei scegliere la spaziatura delle parole e forse la spaziatura delle lettere.

Altri suggerimenti

Utilizza i tag & amp; nbsp o < pre > . Il tag < pre > conserva tutti gli spazi, le schede e le nuove righe.

Modifica
Per quanto riguarda il tuo commento sul suo utilizzo, per il padding, potresti voler guardare padding css

Quasi mai utilizzo & amp; nbsp;

Le proprietà

margin e padding funzionano bene per la spaziatura e < br / > per le newline. (Non uso < br / > troppo spesso.)

& amp; nbsp; è uno spazio senza interruzioni. In alternativa, suppongo che potresti usare un tag < br / > (XHTML lì) solo per generare una nuova riga.

Uso un intervallo con classi css.
ho diverse classi come spacer_1, spacer_2, spacer_3, ecc.
io uso diverse imbottiture orizzontali come questa 

.spacer_1
{
    padding:0px 5px;
}

per usare questo distanziatore puoi usare quanto segue 

<span class="spacer_1" /> /*this will generate half the gap*/
<span class="spacer_1"></span>
<span class="spacer_1">|</span>

fai semplicemente: 

/* in your css code:  */ 
pre
{
  display:inline;   
}

<!-- and then, in your HTML markup: -->

<pre>    this text comes after 4 spaces.</pre>
<span> continue the line with other element without braking </span>

Yacoby ha ragione. Ma ho qualcosa di diverso: 

<head>

<style type="text/css">
    .left-space { margin-left: 10px; }
</style>

</head>

<body>

<div>
   <p>This is a test line.<span class="left-space">This is a line with space before it.</span></p>
</div>

</body>

E comunque dovresti sostituire & amp; nbsp; con & amp; # 160; per conformarti a XHTML.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top