Xidipity

Knowledge Base

flex (e) – align self
Flexbox: Item Align Self
Xidipity WordPress Theme Knowledge Base Flexbox Content Header Image
auto
 
  • class: fxe:1
  • css: -webkit-align-self: auto;
  •   -ms-flex-item-align: auto;
  •   align-self: auto;

 

flex-start
 
  • class: fxe:2
  • css: -webkit-align-self: flex-start;
  •   -ms-flex-item-align: start;
  •   align-self: flex-start;

 

flex-end
 
  • class: fxe:3
  • css: -webkit-align-self: flex-end;
  •   -ms-flex-item-align: end;
  •   align-self: flex-end;

 

center
 
  • class: fxe:4
  • css: -webkit-align-self: center;
  •   -ms-flex-item-align: center;
  •   align-self: center;

 

baseline
 
  • class: fxe:5
  • css: -webkit-align-self: baseline;
  •   -ms-flex-item-align: baseline;
  •   align-self: baseline;

 

stretch
 
  • class: fxe:6
  • css: -webkit-align-self: stretch;
  •   -ms-flex-item-align: stretch;
  •   align-self: stretch;

 

Abbreviations
 
AbbreviationDefinition
fxeflexbox item self alignment

 

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

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


  • Since: v1.0.0

 

May 20, 2022