文本和复选框之间的空格

Question

我想在复选框和文本之间留出空白。

<asp:CheckBox ID="chkPublic" runat="server" Text="Public" Font-Bold="true" />

如何在复选框和文本之间添加空格。谢谢。

编辑: 我需要一些 CSS 格式。谢谢。

- user1537319

---

在标签中添加 style=margin-left: 5px 或在复选框中添加 style=margin-right: 5px。 - MilkyWayJoe

Answer 1

<asp:CheckBox ID="chkPublic" runat="server" Text="Public" Font-Bold="true" CssClass="mycheckbox" />

在stylesheet.css中。

.mycheckbox input[type="checkbox"] 
{ 
    margin-right: 5px; 
}

- tutts

---

我认为由于标签在文本的右侧，标签需要应用margin-left来使其与复选框分开。我尝试了两种方法，只有margin-left: 5px可以满足OP问题的需求。 - atconway

@atconway - 当应用于 asp:Checkbox 控件时，通过选择器选择输入类型为 checkbox 的类实际上应用于实际的输入控件，即复选框本身，而不是它的标签。tutts对 margin-right 的使用是正确的。 - user4843530

Answer 2

晚了点回复，但希望对其他寻求解决方案的人有所帮助。您可以通过在文本属性值中嵌入非断行空格来“快速而肮脏地”添加空格。优点是您可以为部分控件添加例外样式，而无需为仅一个控件创建新的样式表。例如：

<asp:CheckBox runat="server" ID="myCheckBox" Text="&nbsp;&nbsp;Check this to subscribe" />

- Not the famous Martin

---

这是唯一一个帮助我解决了我花费多个小时的问题的答案，谢谢。 - Jason R

Answer 3

我为标签创建了一个样式：

。

label {
    font-size: 1em;
    color: black;
    text-transform: uppercase;
    margin-left: 5px;
}

然而，这将影响标题标签，因此我也创建了一个样式：

.lheader {
    font-size: 1.5em;
    color: #1ca795;
    text-transform: uppercase;
}

它在所有设备上都完美地运行。

- Catholic Con

Answer 4

只需在文本前添加&nbsp

例如，如果生成的文本如下所示：Text='<%# Eval("SubCatName")%>'

请按照以下方式操作：Text='<%#"&nbsp"+Eval("SubCatName")%>'

- Aginjith GJ

Answer 5

你可以写成这样：

<asp:CheckBox ID="chkPublic" runat="server" Text="" Font-Bold="true" />&nbsp;MyText

或者就像这样：

<asp:CheckBox ID="chkPublic" runat="server" Text="&nbsp;Public" Font-Bold="true" />

  在 HTML 中表示一个空格

- KeepAlive

---

HTML编码空格并不是一个好的做法，应该使用CSS，并通过CssClass属性将其应用于复选框。 - tutts

没错！如果复选框在文本的右边呢？或者...？ - n8wrl

不知怎么的，我无法让最喜欢的答案起作用。我猜我在 CSS 方面还是太菜了。这种方法直接解决了需求。 - user3507825