角度材料设计 - 以嵌套div为中心问题

时间:2016-08-11 21:15:11

标签: css angularjs material-design angular-material

在我的主页上,我想在页面上显示以div为中心的日历。我正在创建日历作为AngularJS指令,如下面的代码所示。

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

对于我的指令,我现在只是将当前月份和年份作为文本输出。我正在尝试将日历指令置于我的div中心,现在将其概述为白框14。

Results of the Above code

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

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

CSS我做错了什么?

1 个答案:

答案 0 :(得分:0)

如果您使用以下内容,则会将您的内容与顶部和中心对齐。

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

为此,请查看AngularJS材质规范,它向您展示了如何使用layout-align布局子元素。