我已经尝试了右拉类,但它破坏了按钮的垂直对齐方式.我希望它垂直居中.我试图设置行高,但它会破坏标签的垂直对齐方式. (我希望标签也相对于输入垂直对齐)
<form > <div > <label for="inputEmail3" >Email</label> <div > <input type="email" ID="inputEmail3" placeholder="Email"> </div> </div> <div > <button>Add</button> </div></form>
http://plnkr.co/edit/i8jmEowKaKOcM2P8N225?p=preview
解决方法 如注释中所述:要在一行中显示多个表单元素,请使用form-inline类.这适用于视口中至少为768像素宽的表单(因此请在全屏幕中观看下面的示例以查看效果).有关更多信息,请参见Bootstraps documentation.
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/CSS/bootstrap.min.CSS" rel="stylesheet" /><form > <div > <label for="inputEmail3">Email</label> <input type="email" ID="inputEmail3" placeholder="Email"> </div> <div > <button >Add</button> </div></form>总结
以上是内存溢出为你收集整理的html – 如何在引导程序中将div与class pull-right垂直居中对齐全部内容,希望文章能够帮你解决html – 如何在引导程序中将div与class pull-right垂直居中对齐所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)