Voici différents cas d'utilisation de center/middle dans le CSS :
CSS (text-align)
Accepte "center" comme valeur
Alignement horizontal du contenu
Attribut (align) - decrapted
Accepte "center" comme valeur
Alignement horizontal du contenu |
CSS (text-align)
Accepte "middle" comme valeur
Alignement vertical du contenu
Attribut (valign) - decrapted
Accepte "middle" comme valeur
Alignement vertical du contenu |
Découverte intuitive de la logique
Alignement horizontal : center
Alignement vertical : middle
Exception : background-position
Si on suit la logique, on devrait écrire background-position comme suit :
(left|center|right|{length(px,em,%)}) (top|middle|bottom|{length(px,em,%)})
==> left middle ou encore center top
Mais en fait, seul IE6- accepte cet manière d'écrire, car elle n'est pas standardisée.
En effet, le standard demande center pour les deux types d'alignement (vAlign/hAlign)
C'est contraire à la logique utilisée jusque là, et donc source d'égarement pour le développeur pas au courant, comme moi, qui pensait que le problème d'affichage de l'image venait d'ailleurs...
Il est donc bon à savoir cette petite subtilité CSS, afin de ne plus se tromper par la suite !
Fremy
Ce post vous a plu ? Ajoutez le dans vos favoris pour ne pas perdre de temps à le retrouver le jour où vous en aurez besoin :
