info:css:centrer

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Prochaine révision
Révision précédente
info:css:centrer [2015/04/16 10:59] – créée radeffinfo:css:centrer [2026/04/17 08:15] (Version actuelle) – ↷ Liens modifiés en raison d'un déplacement. 5.178.13.9
Ligne 4: Ligne 4:
 Depuis des lustres je dois rechercher la propriété css à chaque fois, alors la voici enfin condensée Depuis des lustres je dois rechercher la propriété css à chaque fois, alors la voici enfin condensée
  
-Astuces tirées de l'excellent [[http://www.grafikart.fr/tutoriels/html-css/centrer-css-614||grafikart.fr]]+Astuces tirées de l'excellent [[http://www.grafikart.fr/tutoriels/html-css/centrer-css-614|grafikart.fr]]
 ===== display:inline/inline-block ===== ===== display:inline/inline-block =====
 <code css> <code css>
Ligne 16: Ligne 16:
 </code> </code>
  
-pas mal d'autres exemples sur [[http://www.grafikart.fr/tutoriels/html-css/centrer-css-614||grafikart.fr]]+pas mal d'autres exemples sur [[http://www.grafikart.fr/tutoriels/html-css/centrer-css-614|grafikart.fr]] et une vidéo
 ===== display:flex ===== ===== display:flex =====
  
Ligne 27: Ligne 27:
    align-content: center;    align-content: center;
 } }
 +
 +/* sur une ligne */
 +.box{
 +display:flex;justify-content:center;align-items:center;flex-wrap:wrap;align-content:center;
 +}
 +
 +forcé
 +
 +display:flex !important;justify-content:center !important;align-items:center !important;flex-wrap:wrap !important;align-content:center !important;
 +
 +
 +ou
 +
 +style="display:flex;justify-content:center;align-items:center;flex-wrap:wrap;align-content:center;"
 </code> </code>
 +
 +===== concretecms =====
 +  * [[info:concrete5:59:atomikperso|centrer le menu atomik "top navigation bar"]]
  • info/css/centrer.1429174776.txt.gz
  • Dernière modification : 2015/04/16 10:59
  • de radeff