MDL对齐开关及其标签

时间:2016-08-18 18:26:42

标签: html css material-design

如下图所示,我的MDL开关未与其标签对齐。我试过的定心技术没有任何效果。他们是:

  • margin: 0 auto
  • display: inline-block,父级为text-align: center
  • <div class="mdl-layout-spacer"></div>位于表单的任何一侧

Codepen:https://codepen.io/MrNakaan/pen/mEgdvX

1 个答案:

答案 0 :(得分:0)

我发现我将display置于错误的位置以使开关适合表单。表单本身需要display: inline-block;才能将开关图标拉入表单本身。从那里,其他变化可以按照您想要的方式进行调整。

具有左对齐和居中对齐的Codepen,如果可以找出正确对齐的注释:https://codepen.io/MrNakaan/pen/OXGJwk