【问题标题】:MDL Align Switch With Its LabelMDL 对齐开关与其标签
【发布时间】:2016-12-25 19:01:04
【问题描述】:

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

  • margin: 0 auto
  • display: inline-blocktext-align: center 在父级上
  • <div class="mdl-layout-spacer"></div> 在表格的两边

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

【问题讨论】:

    标签: html css material-design


    【解决方案1】:

    我发现我将display 放置在错误的位置以使开关与表单相适应。表单本身需要display: inline-block; 才能将开关图标拉入表单本身。从那里,其他更改可以按照您想要的方式进行对齐。

    Codepen 左对齐和居中对齐,如果你能弄清楚右对齐,请评论:https://codepen.io/MrNakaan/pen/OXGJwk

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-04-15
      • 2018-03-11
      • 1970-01-01
      相关资源
      最近更新 更多