文本和复选框之间的空间答案

【问题标题】：space between text and checkbox文本和复选框之间的空间
【发布时间】：2012-10-06 17:48:03
【问题描述】：

我希望复选框和文本之间有空格。

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

如何在复选框和文本之间获得空间。谢谢。

编辑：我需要一些 css 格式。谢谢。

【问题讨论】：

【解决方案1】：

回复较晚，但希望对寻求解决方案的其他人有所帮助。您可以通过在文本属性值中嵌入不间断空格来“快速而简单地”添加空格。优点是您可以为其他地方应用的样式例外的控件执行此操作，而无需为一个控件创建新样式表。例如：

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

【讨论】：

【解决方案2】：

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

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

但是它会影响标题标签，所以我也创建了一个样式：

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

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

【讨论】：

【解决方案3】：

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

在 stylesheet.css 中

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

【讨论】：

我相信由于标签位于文本的右侧，因此标签需要应用margin-left 以将其与复选框隔开。我都尝试了，只有margin-left: 5px 可以作为所需的 OP 问题。
@atconway - 类，当应用于asp:Checkbox 控件时，具有checkbox 输入类型的选择器，实际上应用于实际输入控件，复选框，而不是其标签。 tutts 对margin-right 的使用是正确的。

【解决方案4】：

你可以这样写：

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

或者就这样：

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

&nbsp;是html中的一个空格

【讨论】：