C# 引导图示符图标未以文本居中
我正在创建一个表单,并尝试使用引导组件对我的引导表单进行验证。我使用c#类库进行服务器端验证,然后在表单满足验证条件时使用c#代码来验证样式。我使用一个面板来保存我的表单控件,如下所示:C# 引导图示符图标未以文本居中,c#,html,css,twitter-bootstrap,C#,Html,Css,Twitter Bootstrap,我正在创建一个表单,并尝试使用引导组件对我的引导表单进行验证。我使用c#类库进行服务器端验证,然后在表单满足验证条件时使用c#代码来验证样式。我使用一个面板来保存我的表单控件,如下所示: <asp:Panel ID="TeacherNamePanel" CssClass="form-group" runat="server"> <asp:TextBox ID="tbTeacherName" CssClass="form-control i
<asp:Panel ID="TeacherNamePanel" CssClass="form-group" runat="server">
<asp:TextBox ID="tbTeacherName" CssClass="form-control input-lg" placeholder="Teacher-in-charge" runat="server"></asp:TextBox>
</asp:Panel>
但是,我的glyphicon没有集中在表单的输入控件中,它太低了。如何纠正这个问题?试图更改的css中“top”的位置。有反馈。表单控件反馈
,但无效
只有两种方法可以实现你的目标
span.Attributes[“style”]=“垂直对齐:中间”代码>
到
span.Attributes.Add(“垂直对齐”、“中间”)代码>
添加一个css
类,并将其应用于带有CssClass
属性的标签。例如:
这将放在css文件中
.centerAlign {vertical-align: middle;}
那么下面的方法应该有效
span.CssClass = "centerAlign";
并将产生:
<span class="centerAlign">your text</span>
您的文本
尝试使用!强制属性覆盖预定义属性很重要,如下所示:
span{vertical-align:middle!important;}
解决了!我从bootstrap.css复制了以下css
.has-feedback .form-control-feedback {
position: absolute;
top: 25px;
right: 0;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
}
并将其粘贴到我自己的样式表中,调整顶部和右侧以适合我的输入框。谢谢你们的帮助和建议,伙计们 你能帮我做个演示吗?作为猜测,尝试更改span.Attributes[“style”]=“vertical align:middle”代码>至span.Style.Add(“垂直对齐”、“中间”)代码>@Dura你是说我的问题的图像吗?把它加进去!干杯,你试过我的建议了吗?vertical align
属性真的被应用了吗?@Dura我刚试过,但没用!:-(如图所示,移除图示符图标正是它所在的位置。垂直对齐属性似乎没有得到应用。这可能是因为您的span
是Label
的一个实例,它不喜欢style
。当您在浏览器中检查span
元素时,css
有什么作用嗨,我试过硬编码,但是没有用!我使用了w3学校的示例代码输入错误和glyphicon
,但是我意识到glyphicon仍然不可用place@user3763216很高兴你工作了。如果有帮助的话,请考虑回答问题。ign属性不影响glyphicon的位置:-(
.has-feedback .form-control-feedback {
position: absolute;
top: 25px;
right: 0;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
}