cosa si suppone di fare line-height
poiché esiste già un attributo chiamato font-size
?Qual è lo scopo dell'altezza della linea e cosa fa white-space: nowrap do?
E che cosa significa quando specifichiamo qualcosa come:
white-space:nowrap;
cosa si suppone di fare line-height
poiché esiste già un attributo chiamato font-size
?Qual è lo scopo dell'altezza della linea e cosa fa white-space: nowrap do?
E che cosa significa quando specifichiamo qualcosa come:
white-space:nowrap;
La proprietà line-height permette di impostare l'altezza di una riga di testo indipendentemente dalla dimensione del carattere (funziona bene per centrare una sola riga di testo verticalmente, ecc)
white-space: nowrap; per linee di testo da non incastrare fino a quando non si incontra un br/>.
La proprietà line-height imposta la distanza tra le linee. Se si rende il valore più grande della dimensione del font, sembrerà che le linee si stiano allontanando. Impostalo più piccolo e le linee inizieranno a sovrapporsi.
Altezza riga specifica la quantità di spazio tra le linee. Quindi, per ottenere il tipo "a doppia spaziatura", avresti altezza riga: 200%. Read More...
line-height: http://www.w3schools.com/css/pr_dim_line-height.asp
white-space: http://www.w3schools.com/css/pr_text_white-space.asp
E 'utilizzato soprattutto per la distanza tra le righe di un paragrafo.
La proprietà Line-height imposta la distanza tra le linee.
La proprietà white-space imposta il modo in cui viene gestito lo spazio bianco all'interno di un elemento.
nowrap: Il testo non sarà mai avvolgere, continua sulla stessa linea fino a quando si incontra un <br> tag
Un altro trucco che può essere utilizzata con la proprietà line-height è quello di allineare verticalmente il testo all'interno di un elemento . Prendiamo il seguente esempio:
<div class="container">
<h1>Vertically align this!</h1>
</div>
.container {
height: 5em;
background-color: red;
line-height: 5em;
}
.container h1 {
font-size: 3em;
}
line-height
imposterà la distanza tra due linee, sia in valore assoluto o relativo. Quindi line-height: 2em;
potrebbe essere la spaziatura doppia, ecc. Mentre font-size
imposta la dimensione effettiva del carattere.
white-space
indica al browser come gestire gli spazi. "nowrap" dirà al browser di non avvolgere mai il testo e invece di far continuare il testo sulla linea fino a quando non si incontra un tag di interruzione di riga (<br/>
). Puoi anche usare "pre" per preservare gli spazi bianchi (come usare il tag <pre>
), oppure puoi usare "normale" per dire al browser di ignorare gli spazi bianchi (questo è l'impostazione predefinita).
L'altezza della linea è l'altezza del testo. I font hanno un'altezza di riga predefinita e incorporata. Per le singole righe il testo sarà lo stesso della regolazione del riempimento. Ma per le multilinee del testo controlla lo spazio tra le righe del testo - che non c'è altro modo di controllare.
White-space: nowrap indica al browser di non avviare una nuova riga quando esaurisce lo spazio orizzontalmente. Invece, spingere l'elemento al massimo e poi semplicemente scavalcare le dimensioni della scatola.È possibile ottenere la stessa cosa sostituendo tutti gli spazi con & nbsp; entità.
L'uso principale di "white-space: nowrap;" si trova all'interno di una cella di intestazione della tabella (nella parte superiore della tabella o sulla sinistra) in cui non si desidera che, in base al contenuto della tabella, si ottengano interruzioni di riga. Senza di esso, il risultato sarebbe facilmente brutto.