html - 以标签为中心的复选框

标签 html css checkbox label

有人可以帮助我将复选框置于他的标签中心吗?使用下面的代码,复选框位于顶部。

<label for="checkbox">Label</label>
<input name="checkbox" type="checkbox" />

感谢您的帮助!

最佳答案

我不知道这是否是正确的方法,但我是这样处理这个问题的:

http://jsfiddle.net/AgKpQ/

label, input {
    float: left;
    display: block;
}
label {
    font-size: 30px;
}
input {
    margin-top: 10px;
}

使用类似的解决方案时,您必须记住 clearfix .

关于html - 以标签为中心的复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7684020/

相关文章:

html - 表 td 对齐问题?

javascript - 无法从 JavaScript 获取标签

javascript - 在鼠标悬停在 Canvas 上显示文本

javascript - 将类添加到不同页面上的元素

javascript - 使用 JQuery 获取复选框选定状态

html - 使用复选框导出 VueJS 呈现的 HTML 无法保留选中状态

html - 让表格与其他 div 正确堆叠

c# - 检查网页是否在平板电脑上运行

javascript - Ace 编辑器无法与 bootstrap 配合使用

javascript - Angular 复选框问题