Xidipity

Knowledge Base

flex (c) – align items
Flexbox: Align Items
Xidipity WordPress Theme Knowledge Base Flexbox Content Header Image
flex-start
 
  • class: fxc:1
  • css: -webkit-align-items: flex-start;
  •   -ms-flex-align: start;
  •   align-items: flex-start;

 

flex-end
 
  • class: fxc:2
  • css: -webkit-align-items: flex-end;
  •   -ms-flex-align: end;
  •   align-items: flex-end;

 

center
 
  • class: fxc:3
  • css: -webkit-align-items: center;
  •   -ms-flex-align: center;
  •   align-items: center;

 

baseline
 
  • class: fxc:4
  • css: -webkit-align-items: baseline;
  •   -ms-flex-align: baseline;
  •   align-items: baseline;

 

stretch
 
  • class: fxc:5
  • css: -webkit-align-items: stretch;
  •   -ms-flex-align: stretch;
  •   align-items: stretch;

 

Abbreviations
 
AbbreviationDefinition
fxflexbox
calign-items

 

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

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


  • Since: v1.0.0

 

September 24, 2022