27819 sujets

CSS et mise en forme, CSS3

Bonjour je voulais s'avoir quoi utiliser pour centrer un élément entre un :
"align-items: center;"
et un
"justify-content: center;"

Si il y a un code plus propre qu'un autre.

Pour faire des traits, je créer une div de couleur avec une balise <p> vide. Je voulais s'avoir si cela était correcte à faire.

Bonne soirée. Smiley smile
Modifié par Rodolphe (01 Nov 2020 - 18:45)
Administrateur
Hello,

Question 1 :
Ce sont deux propriétés différentes, il n'y en a pas une meilleure que l'autre :
- justify-content aligne sur l'axe principal
- align-items aligne sur l'axe secondaire

Tu peux faire des tests ici : http://flexbox.help/

Question 2 :
Difficile de répondre sans exemple précis, mais la réponse est généralement qu'il est inutile d'ajouter des éléments vides juste pour dessiner des traits.

Il y a plusieurs solutions selon les besoins et la complexité de ton "trait" :
- une simple bordure
- un dégradé linéaire (d'une seule couleur)
- un box-shadow (en inset, sans diffusion)
- un pseudo-élément (before ou after)
- etc.
Modifié par Raphael (01 Nov 2020 - 19:25)
Meilleure solution