Xidipity

Knowledge Base

flex (b) – align content
Flexbox: Align Content
Xidipity WordPress Theme Knowledge Base Flexbox Content Header Image
flex-start
 
  • class: fxb:1
  • css: -webkit-align-content: flex-start;
  •   -ms-flex-line-pack: start;
  •   align-content: flex-start;

 

flex-end
 
  • class: fxb:2
  • css: -webkit-align-content: flex-end;
  •   -ms-flex-line-pack: end;
  •   align-content: flex-end;

 

center
 
  • class: fxb:3
  • css: -webkit-align-content: center;
  •   -ms-flex-line-pack: center;
  •   align-content: center;

 

space-between
 
  • class: fxb:4
  • css: -webkit-align-content: space-between;
  •   -ms-flex-line-pack: justify;
  •   align-content: space-between;

 

space-around
 
  • class: fxb:5
  • css: -webkit-align-content: space-around;
  •   -ms-flex-line-pack: distribute;
  •   align-content: space-around;

 

stretch
 
  • class: fxb:6
  • css: -webkit-align-content: stretch;
  •   -ms-flex-line-pack: stretch;
  •   align-content: stretch;

 

Abbreviations
 
AbbreviationDefinition
fxbflexbox align content

 

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

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


  • Since: v1.0.0

 

May 20, 2022