使用引导程序垂直对齐输入3

我想垂直对齐我的项目中的输入。我的代码适用于跨度，但不适用于输入！什么原因？使用引导程序垂直对齐输入3

CSS代码：

.float { 
    display: table-cell; 
    vertical-align: middle; 
    text-align: center; 
} 
div { 
    display: table; 
    border: solid 1px blue; 
    height: 120px; 
}

HTML代码：

<div class="col-sm-12 ">  
    <span class='float'>Float right</span> 
</div> 
<div class="col-sm-12 ">  
    <input class='float' id='btnReport' name='btnReport' type='button' value='report' />  
</div>

来源

2014-07-11 mj.yazdani

代码应该是

<div class="float"> <input id='btnReport' name='btnReport' type='button' value='report' /> </div>

你可以查看以下链接演示

jsfiddle

来源

2014-07-11 07:04:40

正如在这个问题回答说：

display:table-cell not working on an input element

“CSS 2.1没有定义哪些属性适用于窗体控件和框架，或者CSS如何用于样式化。用户代理可以将 CSS属性应用于这些元素。建议作者将这样的支持视为实验性的。 CSS的未来水平可以指定这个进一步“

可能的解决方法可能是包裹输入与浮动类一个div：。

<div class="col-sm-12 ">  
      <div class="float"><input id='btnReport' name='btnReport' type='button' value='report' /> 
</div>

希望它可以帮助

来源

2014-07-11 06:49:45

我想应用到里面的元素含量verticle-align属性，并输入元素可是没有任何。你可以用dev标签包装输入元素并应用浮点类

来源

2014-07-11 07:16:56 rawel

使用引导程序垂直对齐输入3

回答

相关问题