Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/csharp/303.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
C# 引导图示符图标未以文本居中_C#_Html_Css_Twitter Bootstrap - Fatal编程技术网

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

我正在创建一个表单,并尝试使用引导组件对我的引导表单进行验证。我使用c#类库进行服务器端验证,然后在表单满足验证条件时使用c#代码来验证样式。我使用一个面板来保存我的表单控件,如下所示:

<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;
    }