Template:Flexbox-inizio
Il flexbox è un nuovo metodo per creare tabelle. Il flexbox si adatta automaticamente alla risoluzione, ciò lo rende particolarmente adatto alla navigazione su dispositivi portatili senza compromettere la leggibilità sugli schermi più grandi.
Uso del template[modifica sorgente]
Spiegazione[modifica sorgente]
Flexbox-inizio: inizio di un flexbox.|colonne=3: indica il numero di colonne. Il massimo è 10.
Flexbox-casella: casella di un flexbox.|intestazione=sì: indica che la casella è un'intestazione.|importante=sì: se la risoluzione è bassa, costringe la casella a occupare tutto lo spazio orizzontale (opzionale).|style="color:green": indica lo stile della casella (opzionale).
Flexbox-fine: fine di un flexbox.
Esempio #1: un flexbox molto semplice[modifica sorgente]
Codice[modifica sorgente]
{{Flexbox-inizio|colonne=3}}
{{Flexbox-casella|intestazione=sì|contiene=Personaggio}}
{{Flexbox-casella|intestazione=sì|contiene=Colore}}
{{Flexbox-casella|intestazione=sì|contiene=Altezza}}
{{Flexbox-casella|contiene=[[Mario]]}}
{{Flexbox-casella|contiene=Rosso}}
{{Flexbox-casella|contiene=Basso}}
{{Flexbox-casella|contiene=Luigi]]}}
{{Flexbox-casella|contiene=Verde}}
{{Flexbox-casella|contiene=Alto}}
{{Flexbox-fine}}
Risultato[modifica sorgente]
Esempio #2: coloro il testo di alcune caselle[modifica sorgente]
Codice[modifica sorgente]
{{Flexbox-inizio|colonne=3}}
{{Flexbox-casella|intestazione=sì|contiene=Personaggio}}
{{Flexbox-casella|intestazione=sì|contiene=Colore}}
{{Flexbox-casella|intestazione=sì|contiene=Altezza}}
{{Flexbox-casella|contiene=[[Mario]]}}
{{Flexbox-casella|contiene=Rosso|style="color:red"}}
{{Flexbox-casella|contiene=Basso}}
{{Flexbox-casella|contiene=[[Luigi]]}}
{{Flexbox-casella|contiene=Verde|style="color:green"}}
{{Flexbox-casella|contiene=Alto}}
{{Flexbox-fine}}