[Flexbox] flex-grow in rapporto tra tutti gli elementi su più linee !! Scusate, ho chiesto ai mod di cambiare titolo
Ciao ragazzi,
sto provando a usare i flexbox.
Il problema è che gli elementi non sono tutti della stessa larghezza, nonostante abbia impostato
.
Gli elementi di larghezza diversa degli altri sono quelli dell'ultima riga, io vorrei che si allineassero a sinistra o in centro, ma con la stessa dimensione degli altri.
Il mio css:
codice:
.contenitore {
display: flex;
flex-wrap: wrap;
}
.elementi {
flex-grow: 1;
width: 100px;
}
Il risultato ottenuto:
codice:
+-----+-----+-----+-----+-----+
| | | | | |
+-----+-----+-----+-----+-----+
| | | | | |
+-----+---+-+-----+-+---+-----+
| | | |
+---------+---------+---------+
Il risultato desiderato:
codice:
+-----+-----+-----+-----+-----+
| | | | | |
+-----+-----+-----+-----+-----+
| | | | | |
+-----+-----+-----+-----+-----+
| | | |
+-----+-----+-----+
Ah, e non posso aggiungere degli elementi al fondo che "spingano" perché non so quante celle avrà l'ultima riga