html - 如何垂直居中 Bootstrap 类按钮？

Question

我需要在 form-actions 中垂直放置一个按钮:

是这样显示的:

因此，绿色按钮一直显示到它的 div(蓝色区域)。我怎样才能使它居中。我使用了一个 style.css 文件，我在其中设置了一些其他 div 的样式。

Answer 1

这就是你所需要的!这是一个演示，如果您需要其他任何东西，请检查并告诉我。

http://jsfiddle.net/fkQBf/

<div style="height: 200px; border: solid 2px green; text-align:center;line-height:200px;">
    <input type="submit" Value="Ok" style="vertical-align: middle"></input>
</div>

更新的代码和 fiddle :

我们不应该使用内联样式，所以下面是更新后的单独样式的 fiddle

http://jsfiddle.net/fkQBf/1/

<div id="container">
    <input id="verticalButton" type="submit" Value="Ok"></input>
</div>

div#container
{
    height: 200px; 
    border: solid 2px green; text-align:center;
    line-height:200px;
}

input#verticalButton
{
     vertical-align: middle
}

希望这对您有所帮助!