居中复选框

时间:2017-10-28 05:54:48

标签: html checkbox centering

我无法完全(只有标签在我尝试时居中)中心this checkbox到我的卡片上,我该怎么办?

我在Stack Overflow上尝试了<center>...</center>和其他CSS,但我找不到任何人正在使用,所以我在这里寻求帮助。

来源:http://byrushan.com/projects/ma/1-6-1/jquery/dark/form-examples.html

代码:

<div class="checkbox">
    <label>
        <input type="checkbox" value="">
        <i class="input-helper"></i>
        Don't forget to check me out
    </label>
</div>

当前CSS:https://hastebin.com/aqelapodiy.css

提前致谢。

2 个答案:

答案 0 :(得分:0)

&#13;
&#13;
<center>
<div class="checkbox">
    <label>
        <input type="checkbox" value="">
        <i class="input-helper"></i>
        Don't forget to check me out
    </label>
</div>
</center>
&#13;
&#13;
&#13;

工作绝对正常,或许你正在添加的其他一些css阻碍了中心标记

答案 1 :(得分:0)

您可以在样式表中编写以下css:

.checkbox{
display:block;
width:100%;
text-align:center;
}
<div class="checkbox">
    <label>
        <input type="checkbox" value="">
        <i class="input-helper"></i>
        Don't forget to check me out
    </label>
</div>