MDL对齐开关及其标签

Question

如下图所示，我的MDL开关未与其标签对齐。我试过的对中技术没有任何效果。它们是：

• margin: 0 auto
• display: inline-block与text-align: center父
• <div class="mdl-layout-spacer"></div>的形式两侧

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

Answer 1

我发现我放在display错误的地方，让开关适应形式。表单本身需要display: inline-block;才能将开关图标拖入表单本身。从那里，其他更改可以按照您想要的方式进行调整。

带左和中心对齐的Codepen，如果您能够找出右对齐的注释：https://codepen.io/MrNakaan/pen/OXGJwk