2016-08-11 61 views
0

在我的主頁上,我想在我的頁面上顯示以div爲中心的日曆。我正在創建日曆作爲AngularJS指令,如下面的代碼所示。角度材質設計 - 以嵌套div爲中心的問題

<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?

回答

0

如果您使用以下內容,它會將您的內容與頂部和中間對齊。

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

看看在AngularJS材料規範對於這一點,就說明你如何使用佈局子元素。

+0

謝謝@ Chris。不過,我仍然得到相同的結果。這裏是我的代碼行 -

我得到了相同的結果,除了沒有陰影。什麼都不是中心。 –

+0

創建一個jsbin或其他東西,我會看看 – Chris

+0

我很抱歉與此遲到,我在路易斯安那州東南部,一直忙於洪水。今天和明天我有一些恢復工作要做。我希望在那之後創建jsbin。 –