文本和复选框之间的空间

Posted 2023-03-05

【中文标题】文本和复选框之间的空间

【英文标题】：space between text and checkbox

【发布时间】：2012-10-06 17:48:03

【问题描述】：

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

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

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

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

【问题讨论】：

将style=margin-left: 5px 添加到标签或style=margin-right: 5px 到复选框

【参考方案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" />

 是html中的一个空格

【讨论】：

HTML 编码空间不是很好的做法，应该使用 css 并通过 CssClass 属性应用于复选框。

没错！如果复选框在文本的右侧怎么办？还是……？？

不知何故，我无法得到最喜欢的答案。猜猜我对 CSS 还是太菜鸟了。这直接解决了需求。