Xidipity

Knowledge Base

flex (a) – justify content
Flexbox: Justify Content
Xidipity WordPress Theme Knowledge Base Flexbox Content Header Image
flex-start
 
  • class: fxa:1
  • css: -webkit-justify-content: flex-start;
  •   -ms-flex-pack: start;
  •   justify-content: flex-start;

 

flex-end
 
  • class: fxa:2
  • css: -webkit-justify-content: flex-end;
  •   -ms-flex-pack: end;
  •   justify-content: flex-end;

 

center
 
  • class: fxa:3
  • css: -webkit-justify-content: center;
  •   -ms-flex-pack: center;
  •   justify-content: center;

 

space-between
 
  • class: fxa:4
  • css: -webkit-justify-content: space-between;
  •   -ms-flex-pack: justify;
  •   justify-content: space-between;

 

space-around
 
  • class: fxa:5
  • css: -webkit-justify-content: space-around;
  •   -ms-flex-pack: distribute;
  •   justify-content: space-around;

 

Abbreviations
 
AbbreviationDefinition
fxaflexbox justify content

 

Supported media
 
AbbreviationDefinition
all
sm)small
md)medium
lg)large
xlextra large
Notes
 

All flexbox classes begin with “fxa” and are separated by a colon from it’s value.


  • Since: v1.0.0

 

May 20, 2022