blocco immagini

[giuseppe500]

ciao.
sto realizzando un sito fluido con bootstrap.
Ho 3 immagini e vorrei che quando non c'è posto perchè rimpiccioplisco l'area visibile andassero a capo tutte e tre insieme invece che divise per divise intendo che se c'è posto per due due rimangono sulla stessa liea e una va a capo e se c'è posto per una una rimane e due vanno a capo e cosi via.
ecco io vorrei che se non c'è posto andassero a capo tutte e tre insieme.
ho un libro sui css ma non riesco a trovare quello che cerco.
come posso fare?
queste tre immagini sono dentro un div.
anche una soluzione con gli <a> va bene , anzi meglio , al limite circondo l'immagine con un tag <a> o con i css bacground url( ecc.....

grazie.

[tampertools]

Prova ad assegnare al div che le contiene queste proprietà:

display: flex;
flex-wrap: nowrap;

[giuseppe500]

Prova ad assegnare al div che le contiene queste proprietà:

display: flex;
flex-wrap: nowrap;

grazie , cosi andrebbe bene , l'unica cosa è che vorrei che quando non ci fosse spazio o perche ridimensiono il browser o perchè visualizzo con un dispositivo mobile il div andasse a capo tutto insieme cosi come fa ora grazie al tuo consiglio, è possibile?
preciso per essere capito che nel mio template quando ridimensiono c'è dello spazio libero nella riga sotto perchè non ci sono blocchi di alcun genere cosa che non succede quando è nella riga superiore dove ci sono blocchi e lo spazio è occupato anche da quel div particolare.
grazie