水平对齐破折号清单标签

Question

如何将复选框的标签设置为复选框的左侧，而不是将其标为带虚线的右侧？ 在Excel（VBA）中，“水平对齐”变量使您可以相对于复选框以不同的方式放置标签，但是我似乎找不到Dash的类似选项。

This is what I get

But this is what I want

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;
 }