angular-material2 – 使用flex布局开发角度2材质的响应式布局

发布时间：2020-12-17 17:27:59 所属栏目：安全来源：网络整理

导读：如何使用flex布局在角度2材质中开发响应式布局. 在角度材料中,我们使用下面的代码在桌面和桌面上进行响应式布局.移动视图. 恩. div layout="row" layout-xs="column" layout-wrap="" layout-align="center center" div flex="33" flex-xs="100" /div div fle

如何使用flex布局在角度2材质中开发响应式布局.
在角度材料中,我们使用下面的代码在桌面和桌面上进行响应式布局.移动视图.
恩.

<div layout="row" layout-xs="column" layout-wrap="" layout-align="center center">
    <div flex="33" flex-xs="100">
    </div>
    <div flex="33" flex-xs="100">
    </div>
    <div flex="33" flex-xs="100">
    </div>
</div>

解决方法

我现在正在使用它.真的很舒服.

安装它：Click

更多信息在这里：Click

要在css中使用它,请举例：Click

一个在线示例：Click

您只需确定使用flex-container和flex-item类的位置.您需要将fxLayout和fxLayoutAlign指令设置为true.它处理其余的工作.

我在@angular 2.4.3中使用它

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!