在新的 Visual Studio 2012 Webforms 模板中,我所有的 ASP.NET 复选框和单选按钮的顶部或底部都有文本。
是故意的吗!?我怎样才能像往常一样正确对齐文本?我尝试禁用主题并将 cssclass 设置为复选框,但没有任何改变。
找到的解决方案:我研究了 firebug 中的 html,似乎默认的 Microsoft CSS 已损坏(!) label { display: block; } 导致错误的对齐
我遇到了同样的问题。
我的 ASP.NET Web 窗体项目是使用 VS2012 创建的,并使用添加的默认模板和样式表。该问题存在于我创建的新页面/表单上。我的表单控件恰好位于 TABLE 单元格中。这是我为解决此问题所做的工作:
创建了一个名为 CoreFrameworkTweaks.css 的新样式表,其中包含以下代码:
.checkbox 标签 { 显示:内联;左边距:3px;字体大小:1.0em;}
在我的母版页中引用了新样式表* 之后 * Site.css 被拉入
确保我表单中的所有控件都用<fieldset></fieldset>
将 CssClass="checkbox" 参数添加到我的复选框控件
问题已修复。
在style.css
文件中搜索:
label {
display: block;
font-size: 1.2em;
font-weight: 600;
}
然后将其替换为:
label {
font-size: 1.2em;
}
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>
他们TextAlign
有财产。你可以在这里设置。
如果这没有任何区别,那么您必须有一些CSS
导致问题的原因。
非常感谢你做的这些。我被这个问题困扰了很长时间!复选框和单选按钮都会出现问题。
您需要做的就是在文件夹 Content 中找到 site.css。找到以下内容:
label {
display: block;
font-size: 1.2em;
font-weight: 600;
}
并将其替换为
label {
/*display: block;*/
font-size: 1.2em;
font-weight: 600;
}
这对我有用:
label {
display: inline !important;
}
这是样式问题。也许页面视口太小,导致您看到的结果。
如果在asp.net中设置属性没有帮助,那么肯定可以通过css解决。毕竟,输出是好旧的html...