html - 使用 Bootstrap 垂直对齐 btn-group 内的标签

标签 html css twitter-bootstrap vertical-alignment

我在水平表单内有 2 个内联元素,并且无法垂直对齐标签。有没有一种干净的方法来做到这一点,而不使用像 display:table 这样的黑客?

这是我迄今为止尝试过的代码: bootply

最佳答案

在标签中添加line-height css,并与按钮的高度相匹配

新的CSS:

.btn-group label{
   line-height: 35px;
}

由于 .btn-group 的高度为 35px,因此行高也为 35px。

关于html - 使用 Bootstrap 垂直对齐 btn-group 内的标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38812066/

相关文章:

html - Bootstrap 轮播中图像顶部的表格

twitter-bootstrap - 使用 Bootstrap 验证器。它如何处理单选按钮验证?

html - 基本 HTML 页面中的 Canvas 始终大小为 300x150。

html - 我的样式忽略了我的 CSS,而是使用 'element style'

html - 自动调整 BG 大小和黑色底栏

css - Angular 2 组件标签破坏了布局样式

html - 标题图片上方的 Logo (幻灯片放映)

jquery - Bootstrap 轮播的问题

html - 如何在 Bootstrap 的旋转木马顶部添加播放按钮?

javascript - 某些移动浏览器上的网站巨大