Salve, ho un div contenitore con un numero variabile di elementi presenti al suo interno, come posso fare in modo che la larghezza di questi elementi vari per riempire sempre il contenitore al 100%? Ad esempio se gli elementi sono 4 la loro larghezza deve essere del 25%, se sono 2 deve essere del 50%.
Grazie mille in anticipo
Ciao, la risposta è Flexbox.
Qui un semplice esempio:
Per maggiori informazioni su Flexbox puoi dare uno sguardo al capitolo 9 dei link utili CSScodice:<!DOCTYPE HTML> <html lang="it"> <head> <title>Esempio</title> <meta charset="utf-8"> <style> .contenitore { display: flex } .contenitore > div { flex: auto; height: 40px; background: tan; margin: 2px; text-align: center; } </style> </head> <body> <div class="contenitore"> <div>1 A</div> <div>1 B</div> <div>1 C</div> <div>1 D</div> </div> <div class="contenitore"> <div>2 A</div> <div>2 B</div> <div>2 C</div> </div> <div class="contenitore"> <div>3 A</div> <div>3 B</div> <div>3 C</div> <div>3 D</div> <div>3 E</div> <div>3 F</div> <div>3 G</div> </div> </body> </html>
Buon proseguimento
Installa Forum HTML.it Toolset per una fruizione ottimale del Forum
Ti ringrazio per l'aiuto, grazie a te ho risolto il mio problema
Permessi di invio
Rispondi quotando