设为首页 - 加入收藏 ASP站长网(Aspzz.Cn)- 科技、建站、经验、云计算、5G、大数据,站长网!
热搜: 创业者 数据 手机
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

html – 如何将引导类按钮垂直居中?

发布时间:2020-12-30 17:39 所属栏目:34 来源:网络整理
导读:我需要在窗体动作中垂直获取一个按钮: 这是如何显示: 因此绿色按钮显示在其div(蓝色区域)下方.我怎样才能让它居中.我使用了style.css文件,我在其中设置了其他一些div. 解决方法 这就是你需要的!这是一个演示,如果您还有其他需要,请检查并告诉我. http://j

我需要在窗体动作中垂直获取一个按钮:

这是如何显示:

因此绿色按钮显示在其div(蓝色区域)下方.我怎样才能让它居中.我使用了style.css文件,我在其中设置了其他一些div.

解决方法

这就是你需要的!这是一个演示,如果您还有其他需要,请检查并告诉我.

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>

更新的代码和小提琴:

我们不应该使用内联样式,因此下面是具有单独样式的更新小提琴

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
}

希望这可以帮助!

(编辑:ASP站长网)

    网友评论
    推荐文章
      热点阅读