css - Angular Material Design - 以嵌套 div 为中心的问题

Question

在我的主页上，我想在页面上的一个 div 中显示一个居中的日历。我将日历创建为 AngularJS 指令，如下面的代码所示。

<div md-whiteframe="14" class="layout-align-center"><span calendar current-date="main.currentDate"></span></div>

对于我的指令，此时我只是将当前月份和年份作为文本输出。我试图让日历指令在我的 div 中居中，现在轮廓为白色框架 14。

此 div 是我使用以下代码设置的列布局的一部分:

<div layout="column" flex="45">

我在 CSS 上做错了什么？

Answer 1

如果您使用以下内容，它会将您的内容对齐到顶部和中心。

<div layout-align="center start">
    <!-- put content here -->
</div>

看看 AngularJS Material 规范，它向您展示了如何使用 layout-align布局子元素。