角材料：不能中心md-checkbox裏面div

我的任務是將一個md-checkbox在一個使用flex的div中居中。角材料：不能中心md-checkbox裏面div

我看着角材料網站，但仍然無法做到正確。

<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裏面沒有標籤嗎？

我失蹤了什麼？

來源

2016-09-15 dev

我發現'MD-之開關有適當的調整，所以一個選項是用這個來代替'MD-checkbox'。 – adam0101

在這裏你去 - CodePen

確保您div S IN的正確位置已經結束標記。另外，請移除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; 
}

來源

2016-09-16 08:08:56

非常感謝您的回答。它看起來像你的CSS不完全中心複選框內的div。我將此添加到您的css中： .check { margin-bottom：0; width：25px; } 結果是正確的。 – dev

謝謝！這個問題僅僅是邊緣底部。 –

謝謝。我瘋了，直到我找到了保證金的東西！ – tkarls

角材料：不能中心md-checkbox裏面div

回答

相關問題