Question

我正在尝试使用cssclass添加空格。我已用下面的代码编写，但我没有得到任何额外的空格。

为此编码的正确方法是什么？

.checkboxlistformat {
    margin-left:30px;
}


<div align="center" runat="server" id="checkboxlistdiv">
    <asp:CheckBoxList ID="checkboxlisttest" CssClass="checkboxlistformat" runat="server" RepeatLayout="table" RepeatColumns="4" RepeatDirection="vertical" OnSelectedIndexChanged="checkboxlist_SIC_SelectedIndexChanged"></asp:CheckBoxList>
</div>

Answer 1

假设您的ASP为文本生成了相应的<label>。您可以使用祖先后代选择器将文本定位为.checkboxlistformat label：

.checkboxlistformat label {
  margin-left: 30px;
}

<input id="checkboxlisttest" type="checkbox" class="checkboxlistformat">
<label for="checkboxlisttest">Checkbox</label>

或者，您可以随时将边距放在复选框的右侧上：

.checkboxlistformat {
  margin-right: 30px;
}

<input id="checkboxlisttest" type="checkbox" class="checkboxlistformat">
<label for="checkboxlisttest">Checkbox</label>

希望这有帮助！：）

在复选框列表文本和复选框之间添加空格

1 个答案: