28172 sujets

CSS et mise en forme, CSS3

Pages :
(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.

// 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)
Bonjour,

Personne n'ayant proposé d'autre solution je coche Résolu.
Sans être enthousiasmante ma solution fonctionne.

Encore merci de votre aide.