This repository was archived by the owner on Jan 6, 2025. It is now read-only.
  
  
  - 
                Notifications
    You must be signed in to change notification settings 
- Fork 761
fxFlexOffset API
        Adam Plumer edited this page Mar 14, 2018 
        ·
        2 revisions
      
    The fxFlexOffset directive should be used on on elements within a fxLayout container and dictates the margin between elements (RTL support coming soon!)
<div fxLayout="row">
  <div fxFlexOffset="10px">1. One</div>
  <div fxFlexOffset="5%">2. Two</div>
  <div fxFlexOffset="10vw">3. Three</div>
  <div fxFlexOffset="5vh">4. Four</div>
</div>fxFlexOffset takes a single parameter as argument, and populates its host element with the following inline CSS styling
Note: fxFlexOffset supports the following suffixes: % (default) | px | vw | vh
| Value | Equivalent CSS | 
|---|---|
| (default) | margin-left: 0% | 
| <int><suffix> | margin-left: <int><suffix> | 
RTL support is coming soon, which will automatically apply
margin-rightinstead ofmargin-left
- 
Quick Links 
- 
Documentation 
- 
Demos 
- 
StackBlitz Templates 
- 
Learning FlexBox 
- 
History 
- 
Developer Guides 
- 
Contributing