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

html – 如何将引导类按钮垂直居中?,第1张

概述我需要在窗体动作中垂直获取一个按钮: 这是如何显示: 因此绿色按钮显示在其div(蓝色区域)下方.我怎样才能让它居中.我使用了style.css文件,我在其中设置了其他一些div. 这就是你需要的!这是一个演示,如果您还有其他需要,请检查并告诉我. http://jsfiddle.net/fkQBf/ <div style="height: 200px; border: solid 2px gre 我需要在窗体动作中垂直获取一个按钮:

这是如何显示:

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

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

http://jsfiddle.net/fkQBf/

<div >    <input type="submit" Value="Ok" ></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}

希望这可以帮助!

总结

以上是内存溢出为你收集整理的html – 如何将引导类按钮垂直居中?全部内容,希望文章能够帮你解决html – 如何将引导类按钮垂直居中?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/1133139.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-30
下一篇2022-05-30

发表评论

登录后才能评论

评论列表(0条)

    保存