2012-08-27 16 views
15

So che l'HTML non è sensibile allo spazio. Ma cosa posso usare per creare spazi vuoti tra parole o frasi. Ho provato <p></p> questo tipo di tag, ma il codice HTML lo omette automaticamente.Come lasciare spazio in HTML

Qualcuno può darmi codici di esempio?

+2

provare   w   o   r   d –

risposta

13
&nbsp; 

Questo ti darà lo spazio che stai cercando.

27

È possibile utilizzare &nbsp;, ovvero Non-Breaking Space.

Si tratta essenzialmente di uno spazio standard, la differenza principale è che un browser non dovrebbe rompersi (o avvolgere) una riga di testo al punto che questo &nbsp; occupa.

0

usare sia letterale simbolo spazio unificatore (sì, è possibile copiare/incollare), entità HTML, oppure, se hai a che fare con il grande blocco di pre-formattato, utilizzare white-space CSS property.

4

Come altri hanno già risposto, lo $nbsp; emetterà un carattere di spazio non interrotto. Qui è w3 docs for &nbsp and others.

Tuttavia ci sono altri modi per farlo e oggi preferirei usare CSS stylesheets. C'è anche w3c tutorials for beginners.

Con i CSS si può fare in questo modo:

<html> 
    <head> 
     <title>CSS test</title> 
     <style type="text/css"> 
      p { word-spacing: 40px; } 
     </style> 
    </head> 
    <body> 
     <p>Hello World! Enough space between words, what do you think about it?</p> 
    </body> 
</html> 
2

“Insensibile allo spazio” è una semplificazione eccessiva. Una descrizione più accurata è che i caratteri spazi bianchi consecutivi (spazi, tabulazioni, nuove righe) sono equivalenti a un singolo spazio, nel contenuto normale.

Si creano spazi vuoti tra le parole utilizzando caratteri dello spazio: "ciao mondo". Io voglio più spazio, dovresti considerare quello che stai facendo, dal momento che nel normale contenuto di testo non ha senso. Per la spaziatura degli elementi , utilizzare le proprietà CSS margin.

Per ottenere codici di esempio utili, è necessario descrivere un problema specifico, come il markup e una descrizione del rendering desiderato.

0

Se si sta cercando il rientro del paragrafo, è possibile utilizzare la dichiarazione "text-indent" nei CSS.

<!DOCTYPE html> 
<html> 
     <head> 
      <style> 
       p { text-indent: 50px; } 
      </style> 
     </head> 
     <body> 
      <p>This paragraph will be indented by 50px. I hope this helps! Only the first line will be indented.</p> 
     </body> 
    </html> 
3

Il tag "pre" definisce il testo preformattato. Conserva sia spazi che interruzioni di linea.

<!DOCTYPE html> 
<html> 
     <body> 
      <pre>This paragraph will be  pre-formatted. 
I hope this helps! 
All spaces will     be shown as it is in the original file. 
      </pre> 
     </body> 
</html> 
0

Se si vuole lasciare spazio vuoto nella HTML durante la modifica del sito basta usare <br /> e copiare e incollare sotto l'ultimo e andare avanti così fino ad avere abbastanza spazio. Spero che sia d'aiuto.

2

Per aggiungere spazio unificatore o vero e proprio spazio al testo in html, è possibile utilizzare l'entità &nbsp; carattere.

Problemi correlati