MateralizeCSS，如何使复选框居中
MateralizeCSS，如何使复选框居中
提问于 2018-07-07 03:56:35
下面是我的代码，显示复选框未对齐。添加了Materialize.css的CDN，以便进行故障排除。
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/css/materialize.min.css">
<form action="#" class="center-align">
<p class="center-align">
<label>
<input type="checkbox" />
<span>test</span>
</label>
</p>
<p class="center-align">
<label class="center">
<input type="checkbox" />
<span>not aligned</span>
</label>
</p>
</form>
复选框没有对齐，这是怎么回事？
回答 1
Stack Overflow用户
发布于 2018-07-07 04:15:38
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/js/materialize.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/css/materialize.min.css" rel="stylesheet"/>
<div class="row">
<div class="col offset-s5">
<form action="#">
<p>
<label class="center">
<input type="checkbox" />
<span>test</span>
</label>
</p>
<p>
<label class="center">
<input type="checkbox" />
<span>not aligned</span>
</label>
</p>
</form>
</div>
</div>
您应该熟悉Materialize Grid System并使用它，您的方法只对齐文本，而不是复选框本身。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51216865
复制相关文章
相似问题