Html 如何将angularjs材质卡（md卡）垂直和水平居中？（角度1.x）

我有一个问题，我肯定会有一个我找不到的简单解决方案。我正在构建一个简单的登录页面，在这里我有一张棱角材质卡（md卡），除此之外什么都没有。在它里面，我有正常的领域，在这种情况下

但是当我尝试垂直和水平居中这张卡时，问题出现了，这似乎是不可能的。我已经看到了关于这一点，这将是如此简单的使用

layout=“row”layout align=“center”

但显然不适合我。我在codepen和plunker中搜索了几个示例，但没有人使用md卡来执行此操作

---

有人举了一个简单的例子来说明如何在视图中仅居中md卡。

您可以通过设置元素的尺寸，然后添加：

margin-left: auto;
margin-right: auto;

它应该水平居中。

给你-

• 以列为中心
  • 行居中，flex=“50”
    • 卡片，flex=“50”

加价

<div ng-controller="AppCtrl" ng-cloak="" ng-app="MyApp" layout-fill layout="column" style="background:green" layout-align="center">
    <div flex="50" layout="row" layout-align="center">
      <md-card flex="50"></md-card>
    </div>
</div>

---

最后，我找到了一个简单的方法：

<div layout-fill layout="column" layout-align="center none">
    <div layout="row" layout-align="center none">

        <md-card>

            <md-card-title>
                <md-card-title-text>
                    <span class="md-headline">Card title</span>
                </md-card-title-text>
            </md-card-title>

            <md-card-content>
                Card content
            </md-card-content>

        </md-card>
    </div>
</div>

卡片标题
卡片内容

谢谢，但这不适合我。我不明白为什么这个代码：

Sample

不起作用，而且我看不到“Sample”的垂直中心。这为我解决了这个问题。我只是找到了一种类似的方法来解决这个问题，但没有

flex=“50”

。谢谢@胡安南托尼奥很高兴能帮上忙。我刚刚添加了

flex=50

以获取更多信息。要访问

layout fill

，您需要导入什么？这个答案更完整：感谢标题中的链接@Pierplease更改，以及谷歌搜索结果：）