How to center vertically with Angular Flex Layout?

Question

I\'ve created a simple login component and I\'d like to vertically center, but I\'m not sure how to achieve this using the Angular Flex Layout library.

app.component

Answer 1

Vertically centering elements with flexbox has no effect if the container element is the same height as its contents. Making the top level

in your example take up all the available vertical space with height: 100% (or some other Angular Flex Layout specific solution if available - maybe fxFlexFill) should center its contents right where you want them.

0 讨论(0)

查看其它3个回答

发布评论:

提交评论

---

•  加载中...