1

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

是故意的吗!?我怎样才能像往常一样正确对齐文本?我尝试禁用主题并将 cssclass 设置为复选框,但没有任何改变。

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

在此处输入图像描述

4

7 回答 7

5

我遇到了同样的问题。

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

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

    .checkbox 标签 { 显示:内联;左边距:3px;字体大小:1.0em;}

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

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

  • 将 CssClass="checkbox" 参数添加到我的复选框控件

问题已修复。

于 2012-11-13T04:22:27.143 回答
2

style.css文件中搜索:

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

然后将其替换为:

label {
    font-size: 1.2em;
}
于 2013-01-30T15:19:38.340 回答
2

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>
于 2013-05-29T19:35:49.537 回答
1

他们TextAlign有财产。你可以在这里设置。

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

于 2012-11-09T20:10:02.370 回答
1

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

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

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

并将其替换为

label {
    /*display: block;*/
    font-size: 1.2em;
    font-weight: 600;
}
于 2013-04-09T11:55:41.977 回答
1

这对我有用:

label {
        display: inline !important;
      }
于 2014-12-24T15:01:28.527 回答
0

这是样式问题。也许页面视口太小,导致您看到的结果。

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

于 2012-11-09T20:16:18.037 回答