垂直列表的单选按钮

Question

不知何故，Material Design Lite仅提供文档中水平单选按钮的示例：https://getmdl.io/components/index.html#toggles-section/radio

如果你想要移动，这是不够的，你的标签长度​​是几个字。

无论如何，这是一个可靠的代码：http://codepen.io/anon/pen/oBKPeY

我尝试按<br>分隔项目并将其包装在<p>中，但它没有帮助。我猜一些忍者css技巧可以解决它。

Answer 1

如果我正确理解您，您可以在移动设备上修改mdl-radio的样式规则：

.mdl-radio {
  position: relative;
  font-size: 16px;
  line-height: 24px;
  display: block;
  vertical-align: middle;
  box-sizing: border-box;
  height: 24px;
  margin: 0;
  padding-left: 0;
  margin-bottom: 32px;
}

注意display: block＆amp; margin-bottom: 32px。