Alignement images pour un site responsive

Bonjour,

J'ai crée un site responsive avec bootstrap il y a quelques années. Ma préférence étant pour Firefox, je testait mes pages avec.

Voilà qu'aujourd'hui je me rend compte que le rendu dans chrome ou Opera n'est pas juste (ou alors chrome a évolué, parce qu'il me semble qu'avant la mise en place du site
j'ai testé avec tous les navigateurs...)

En fait dans le template bootstrat que j'ai téléchargé, le code html contient a un bloc <div> appelé "yoxview" dans lequel on met du texte, des images, etc..

Les images je les charge en javascript.

Dand Firefox et Edge si j'ai plusieurs images, les navigateurs font automatiquement un saut à la ligne - si par exemple la troisième image ne rentre pas dans le cadre ("yoxview"), elle est affichée à la
ligne suivante, ensuite la quatrième image sur la même ligne si elle rentre, etc.

Voici un exemple : Pièce jointe 504480

Dans chrome et opera les images sont mises une après l'autre dépassant le cadre, voici un exemple :
Pièce jointe 504484

Comment puis-je résoudre ce problème en CSS?
Merci d'avance

C'est bon j'ai trouvé :
Code:

1 2 3 .yoxview{ word-wrap: break-word; }