gpt4 book ai didi

html - MDL 将开关与其标签对齐

转载 作者:行者123 更新时间:2023-11-28 05:21:20 25 4
gpt4 key购买 nike

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

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

代码笔:https://codepen.io/MrNakaan/pen/mEgdvX

最佳答案

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

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

关于html - MDL 将开关与其标签对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39025109/

25 4 0