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

Question

如何将复选框的标签设置为复选框的左侧，而不是使用plotly dash设置为右侧？ 在Excel（VBA）中，“Horizontal align”变量允许您根据复选框放置不同的标签，但我似乎找不到类似的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;
 }