角材料的登錄表

Question

我一直在玩Angular Material，一直在閱讀文檔，但我似乎無法弄清楚如何設計我想要的佈局。基本上我想要一個表格，其中所有的元素在一列中等寬。例如，我也想讓所有元素或包含它們的項目的最大寬度爲500像素。它也應該在屏幕上垂直和水平居中。有什麼方法可以在角度材料中實現這一點？

Answer 1

這是你想要達到什麼目的？ http://jsfiddle.net/hd1by95r/59/

HTML：

<div layout="row" layout-align="center center" layout-fill class="outer"> 
    <div layout="column" class="wrapper" flex> 
    <md-input-container> 
     <label>Placeholder</label> 
     <input> 
    </md-input-container> 
    <md-input-container> 
     <label>Placeholder</label> 
     <input> 
    </md-input-container> 
    <md-button class="md-raised md-primary" flex> 
     Primary 
    </md-button> 
    </div> 
</div> 

CSS：

html, 
body { 
    width: 100%; 
    height: 100%; 
} 

.wrapper { 
    max-width: 500px; 
} 

.outer { 
    padding: 12px; 
}