我有一个代码如下所示的表单:
最佳答案
一个选项是修改复选框后面的label元素的样式:
input[type=checkBox] + label {
display: inline-block;
margin-left: 0.5em;
margin-right: 2em;
line-height: 1em;
}
然而,这有点脆弱,因为边距有点任意(并且边距右边纯粹是强制下一个按钮到下一行).此外,属性等于选择器可能会导致旧浏览器出现问题.
正如Alien先生在评论中暗示的那样,使用此选择符表示法实际上更容易定位复选框本身:
input[type=checkBox] {
float: left;
margin-right: 0.4em;
}