使用Angular的Flex Layout模块,实现将子元素排列成一列的布局。
首先,在组件的HTML文件中,使用fxLayout来指定布局方式为“column”:
子元素1 子元素2 子元素3
代码示例:
这里使用了fxLayoutAlign来指定子元素在轴线方向和交叉轴线方向的对齐方式。上例中,所有子元素在轴线方向和交叉轴线方向都居中对齐。
上一篇:AngularFlexLayout-wrapdoesnotworkwithgap
下一篇:AngularFlexLayout中的rowwrap和gridalign不起作用