(reprise du message précédent)
Bonjour,
Je pense avoir trouvé une solution qui faute d'être élégante n'est pas trop difficile à mettre en œuvre.
Quand l'image est plus haute que le texte, j'estime le nombre minimal de lignes qu'il faudrait pour que le texte soit plus haut que l'image et j'applique au container une hauteur qui est égale à ce nombre de lignes multiplié par le line-height de 1.2 em.
Voir le codepen, cela semble marcher.
Modifié par boteha_2 (17 Jun 2023 - 21:02)
Bonjour,
Je pense avoir trouvé une solution qui faute d'être élégante n'est pas trop difficile à mettre en œuvre.
Quand l'image est plus haute que le texte, j'estime le nombre minimal de lignes qu'il faudrait pour que le texte soit plus haut que l'image et j'applique au container une hauteur qui est égale à ce nombre de lignes multiplié par le line-height de 1.2 em.
// 5 lignes
.cinq {min-height: 6em}
// 6 lignes
.six {min-height: 7.2em}Voir le codepen, cela semble marcher.
Modifié par boteha_2 (17 Jun 2023 - 21:02)