水平对齐仪表板检查表标签

Question

如何将复选框的标签设置在复选框的左侧，而不是用虚线设置在右侧？在Excel(VBA(中，"水平对齐"变量允许您根据复选框放置不同的标签，但我似乎找不到类似的Dash选项。

这就是我得到的

但这就是我想要的

Answer 1

您可以始终将input和labels包装到div中，在其中创建父类position: relative，然后将输入和标签标记为position: absolute

示例HTML:

<div>
<form class="formclass">
<div class="inputContainer">
<input class="inputClass" type="checkbox"></input>
<label class="labelClass">Label1</label>
</div>
<div class="inputContainer">
<input class="inputClass" type="checkbox"></input>
<label class="labelClass">Label2</label>
</div>
<div class="inputContainer">
<input class="inputClass" type="checkbox"></input>
<label class="labelClass">Label3</label>
</div>
</form>
</div>

示例CSS:

.inputContainer{
position:relative;
height: 50px;
width: 80px;
}
.labelClass{
position: absolute;
}
.inputClass{
position: absolute;
right: 0;
}