html - Twitter Bootstrap 3,内容垂直居中

标签 html css twitter-bootstrap twitter-bootstrap-3

<分区>

我知道这个问题已经被问过一千次了,但我找不到让文本和图像垂直居中的方法。

我正在使用带有动态内容的 Twitter Bootstrap 3,因此,我不知道文本和图像的大小。另外,我希望一切都能响应。

我创建了一个 bootply总结了我要实现的那种布局。基本上,我希望文本和图像垂直居中。文本并不总是比图像大。

有人可以帮我解决这个问题吗?

谢谢。

最佳答案

您可以使用 display:inline-block 而不是 floatvertical-align:middle 与此 CSS:

.col-lg-4, .col-lg-8 {
    float:none;
    display:inline-block;
    vertical-align:middle;
    margin-right:-4px;
}

演示 http://bootply.com/94402

关于html - Twitter Bootstrap 3,内容垂直居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20005278/

相关文章:

html - 调整大小时保持 div 纵横比

jquery - 如何删除bootstrap-select中单击选项的轮廓

javascript - 根据屏幕宽度将表格单元格或列表项移动到第二行

twitter-bootstrap - 3.0.3版本中的药丸不起作用

javascript 添加带有 onmouseover 属性的区域元素

html - CSS 在悬停时显示 div

html - Bootstrap 导航栏 CSS 问题

twitter-bootstrap - Twitter 在 iframe 中的 Bootstrap 模式弹出

html - header 元素没有响应

javascript - 当默认操作被阻止时启用菜单链接