Equivalente nowrap per siti validati W3C
Esempio di sintassi CSS equivalente all'attributo HTML nowrap, utile ad evitare problemi di validazione W3C.
Il seguente codice è utile quando non si desidera permettere che il testo vada a capo.
Contrariamente all'attributo HTML nowrap, non crea problemi di compatibilità con gli standard W3C.
.nowrap {
white-space: nowrap;
}
Per quanto riguarda il codice html, è sufficiente fare in modo che ogni oggetto che si desidera non vada a capo, sia di classe nowrap.
Esempio di utilizzo nowrap
<html>
<head>
<style>
.nowrap {
white-space: nowrap;
}
</style>
</head>
<body>
<div class="nowrap">
<p>questo testo rimane sempre sulla stessa riga,
indipendentemente dalla dimensione del contenuto</p>
</div>
</body>
</html>La proprietà CSS white-spaces serve a specificare come dovrebbero essere interpretati gli spazi fra gli elementi. Riportiamo di seguito alcune specifiche.
Sintassi proprietà white-space
white-space: valore;
di cui il parametro valore deve essere sostituito con una delle seguenti stringhe:
normal: due o più spazi bianchi collassano in un unico spazio. E' il valore utilizzato di default.
pre: evita che due o più spazi bianchi collassino, stampando a video ciò che è esattamente visibile nel codice HTML. Le linee di testo vengono interrotte solo in corrispondenza delle interruzioni di linea del codice (X)HTML.
nowrap: due o più spazi collassano in un unico spazio, come per il valore normal, ma le linee di testo vengono interrotte solo in corrispondenza delle interruzioni di linea del codice (X)HTML, come per il valore pre.
Esempi di utilizzo della proprietà white-space
div.formattato { white-space: pre }
div.nowrap { white-space: nowrap }
Solo gli utenti registrati possono lasciare commenti.