28172 sujets

CSS et mise en forme, CSS3

Salut

Quant j'ai une image et que je veux qu'un long texte soit à gauche (ou a droite) de cette image mais qu'il "coule" sous l'image, j'utilise float. Est-ce que c'est possible de faire la même chose mais avec grid ?
Modérateur
Bonjour,
schtroumph a écrit :
Salut

Quant j'ai une image et que je veux qu'un long texte soit à gauche (ou a droite) de cette image mais qu'il "coule" sous l'image, j'utilise float. Est-ce que c'est possible de faire la même chose mais avec grid ?



pour le moment non, mais dans l'avenir il devrait y avoir : https://www.w3.org/TR/css3-exclusions/
Modifié par gcyrillus (03 Aug 2021 - 15:44)
Meilleure solution
Administrateur
Bonjour,

il y a des astuces avec clip-path, ça revient de temps à autre sur CSS Tricks.
1er résultat que j'ai pu trouver : https://css-tricks.com/float-element-in-the-middle-of-a-paragraph/
Attention à bien vérifier la compatibilité des valeurs sur MDN / caniuse (la propriété ça va, c'est certaines valeurs qui posent problème).

Et autre astuce pour "flotter" enfin aligner en bas, cette fois à base de Flexbox : https://css-tricks.com/float-an-element-to-the-bottom-corner/

EDIT : pour revenir à Grid layout : un grid item occupe forcément un rectangle dans la grille définie par son grid container. Les autres formes vues dans Tetris, c'est niet Smiley ravi
Modifié par Felipe (04 Aug 2021 - 11:32)