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