angle-material：div内にmd-checkboxを置くことはできません

Question

私の仕事は、flexでdiv内にmd-checkboxを配置することです。

角度のある素材のウェブサイトを見ても、それでも正しいとは言えません。ここで

<div class="main blue" layout="row" layout-align="start center"> 
    <div class="container yellow" layout="row" layout-align="center center" flex="30"> 
     <md-checkbox class="check"></md-checkbox> 
</div> 
<div layout="row" layout-align="center center" flex="70"> 
     angular material 
</div> 

は、それが中央に完全ではありませんplnkr

です。

md-chexboxにはラベルが入っていないのでしょうか？

何が欠けていますか？ここで

Answer 1

あなたが行く - CodePen

は、あなたのdiv sが正しい場所にタグを閉じていることを確認します。また、md-checkboxの下の余白を削除して、すべてがうまく整列するようにします。

マークアップ

<div ng-controller="AppCtrl" ng-cloak="" ng-app="MyApp" layout-padding> 
    <div class="main blue" layout="row" layout-align="start center"> 
    <div class="container yellow" layout="row" layout-align="center center" flex="30"> 
     <md-checkbox class="check"></md-checkbox> 
    </div> 
    <div layout="row" layout-align="center center" flex="70"> 
      angular material 
    </div> 
    </div> 
</div> 

CSS

.check { 
    margin-bottom: 0; 
}