ASP.NET复选框文本未右对齐或左对齐复选框

时间:2012-11-09 20:05:04

标签: c# asp.net layout checkbox alignment

在新的Visual Studio 2012 Webforms模板中,我的所有ASP.NET复选框和Radiobuttons都在顶部或底部显示文本。

是预期的吗??我怎么能像往常一样对齐文本?我尝试禁用主题并将cssclass设置为复选框但没有任何更改。

找到解决方案:我研究了firebug中的html,似乎默认的Microsoft CSS已损坏(!)label {display:block;导致错误的对齐

enter image description here

7 个答案:

答案 0 :(得分:5)

我遇到了同样的问题。

我的ASP.NET Web窗体项目是使用VS2012创建的,并使用添加的默认模板和样式表。我创建的新页面/表单上存在该问题。我的表单控件恰好位于TABLE单元格中。以下是我为解决这个问题所做的工作:

  • 创建了一个名为CoreFrameworkTweaks.css的新样式表,其中包含以下代码:

    .checkbox label {     显示:内联;     margin-left:3px;     font-size:1.0em; }

  • 在我的母版页中引用新样式表 * AFTER * Site.css被拉入

  • 确保表单中的所有控件都包含<fieldset></fieldset>

  • 在我的复选框控件

  • 中添加了CssClass =“checkbox”参数

问题已修复。

答案 1 :(得分:2)

style.css文件中,转到并搜索:

label {
    display: block;
    font-size: 1.2em;
    font-weight: 600;
}

然后将其替换为:

label {
    font-size: 1.2em;
}

答案 2 :(得分:1)

它们上面有TextAlign属性。你可以在这里设置它。

如果这没有任何区别,那么你必须有一些CSS导致问题。

答案 3 :(得分:1)

非常感谢你。我被困这个问题的时间最长! 复选框和单选按钮都会出现问题。

您需要做的就是在文件夹内容中找到site.css。找到以下内容:

label {
    display: block;
    font-size: 1.2em;
    font-weight: 600;
}

并将其替换为

label {
    /*display: block;*/
    font-size: 1.2em;
    font-weight: 600;
}

答案 4 :(得分:1)

Site.css有代码:

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display:  block;
}

fieldset label.inline
{
    display: inline;
}

您需要在Login.aspx中找到Checkbox并将CssClass =“inline”添加到Label

<asp:CheckBox ID="RememberMe" runat="server" EnableTheming="True" />
<asp:Label ID="RememberMeLabel" runat="server" AssociatedControlID="RememberMe" 
    CssClass="inline">RememberMe</asp:Label>

答案 5 :(得分:1)

这对我有用:

label {
        display: inline !important;
      }

答案 6 :(得分:0)

这是造型问题。也许页面视口太小,导致你看到的内容。

如果在asp.net中设置属性没有帮助,那么它绝对可以通过css解决。 毕竟,输出是好旧的HTML ...