角材料：不能中心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

回答

相关问题