asp.net 文本和复选框之间的间距

7rfyedvj 于 2022-11-19 发布在 .NET

关注(0)|答案(5)|浏览(171)

我想在复选框和文本之间留有空格。

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

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

EDIT：我需要一些CSS格式。谢谢。

5条答案

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

在stylesheet.css中

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

这是一个迟来的答复，但希望对正在寻找解决方案的其他人有所帮助。您可以通过在text属性值中嵌入不间断空格来“快速”添加空格。这样做的好处是，您可以对作为其他位置应用的样式的例外的控件执行此操作，而不必仅为一个控件创建新的样式表。例如：

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

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

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

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

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

它在所有设备上都能完美工作。

只需在文本前添加&nbsp
例如，在这样生成文本的情况下：Text='<%# Eval("SubCatName")%>'
这样做：Text='<%#"&nbsp"+Eval("SubCatName")%>'

你可以这样写：

<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中的单个空格