Salut à tous,

J'ai un soucis d'images contenues dans un bloc flex et qui dépassent la hauteur maximum définie.

Je suis sur wordpress, j'ai défini la class suivante :

.logos{

max-height:80px;

display: flex;

}

J'ai mis des logos dans cette boîte et j'aimerai qu'ils prennent automatiquement la hauteur du conteneur sans se déformer mais pour le moment j'obtiens cela : 

Voici le HTML de la div : 

<div class="logos"><a><img class="" src="http://chateaudesfontenelles.com/wp-content/uploads/2017/03/1wifi_logo.png" alt="" /></a>  <a><img class="" src="http://chateaudesfontenelles.com/wp-content/uploads/2017/03/1logo_tv.png" alt="" /></a>  <a><img class="" src="http://chateaudesfontenelles.com/wp-content/uploads/2017/03/1chaines-150x107.png" alt="" /></a>  <a><img class="" src="http://chateaudesfontenelles.com/wp-content/uploads/2017/03/1linge_logo.png" alt="" /></a>  <a><img class="" src="http://chateaudesfontenelles.com/wp-content/uploads/2017/03/1Parking_icon.svg_.png" alt="" /></a></div>

<div class="logos"></div>

Je vous avoue que je ne comprends pas grand chose à la gestion des images dans Wordpress et que j'ai mis les images dans des liens vides car si je ne mets pas les liens j'ai des étirements bizarre des images.

Si vous savez comment résoudre mon problème ce serait cool, sachant que j'ai une solution en redimensionnant les images avant de les poster mais cela ne me convient pas.