This repository was archived by the owner on Jan 6, 2025. It is now read-only.
-
Couldn't load subscription status.
- Fork 762
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