<分区>
我知道这个问题已经被问过一千次了,但我找不到让文本和图像垂直居中的方法。
我正在使用带有动态内容的 Twitter Bootstrap 3,因此,我不知道文本和图像的大小。另外,我希望一切都能响应。
我创建了一个 bootply总结了我要实现的那种布局。基本上,我希望文本和图像垂直居中。文本并不总是比图像大。
有人可以帮我解决这个问题吗?
谢谢。
<分区>
我知道这个问题已经被问过一千次了,但我找不到让文本和图像垂直居中的方法。
我正在使用带有动态内容的 Twitter Bootstrap 3,因此,我不知道文本和图像的大小。另外,我希望一切都能响应。
我创建了一个 bootply总结了我要实现的那种布局。基本上,我希望文本和图像垂直居中。文本并不总是比图像大。
有人可以帮我解决这个问题吗?
谢谢。
最佳答案
您可以使用 display:inline-block
而不是 float
和 vertical-align:middle
与此 CSS:
.col-lg-4, .col-lg-8 {
float:none;
display:inline-block;
vertical-align:middle;
margin-right:-4px;
}
关于html - Twitter Bootstrap 3,内容垂直居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20005278/