Scritto da
Martedì, 01 Aprile 2014

Testo in colonne column-width

 Column-width, l’impaginazione in colonne è una soluzione molto utile soprattutto per aumentare la leggerezza e la pulizia del codice.

Vediamone la sintassi.

#esempio {
column-width: 10em; }


Impaginare un testo in colonne – column-width:
La proprietà column-width accetta una misura (pixel o em) con la quale si può impostare la larghezza minima della colonna. La misura 10em corrisponde circa a 5 parole per riga.
Con la proprietà columns possiamo impostare sia il numero di colonne che la loro dimensione.
#esempio
{columns: 2;}
#esempio
{columns: 10em;}
#esempio
{columns: 2 10em;}

Nel primo caso impostiamo il numero di colonne, nel secondo la dimensione minima di larghezza e nel terzo entrambe.
Al prossimo tips’n tricks

Letto 3093 volte
Vota questo articolo
(0 Voti)

Forse ti possono interessare anche questi articoli:

Lascia un commento

Assicurati di inserire (*) le informazioni necessarie ove indicato.
Codice HTML non è permesso.