如何将angularjs材料卡(md卡)垂直和水平居中?(Angular 1.x)

Jua*_*nio 3 html css angularjs angular-material

我有一个问题,我相信我会找到一个我找不到的简单解决方案.我正在建立一个简单的登录页面,我有一个角度材料卡(md卡),仅此而已.在它里面我在这种情况下是正常的领域.

但是当我试图将这张卡垂直和水平放置时,问题就出现了,这似乎是不可能的.我已经看过关于这个的文档,这将是如此简单的使用, layout="row" layout-align="center center"但显然不适合我.我在codepen和plunker中搜索了几个例子,但没有人用md-card做这个.

有人有一个简单的例子,说明如何在视图中居中只有一张md卡?

小智 9

您可以尝试设置元素的尺寸,然后添加:

margin-left: auto;
margin-right: auto;
Run Code Online (Sandbox Code Playgroud)

它应该水平居中.