一尘不染

Twitter Bootstrap 3,垂直居中放置内容

html

我知道这已经被问了一千遍了,但是我找不到一种使文本和图像垂直居中的方法。

我正在使用具有动态内容的Twitter Bootstrap 3,因此,我既不知道文本大小也不知道图像大小。另外,我希望这一切都能做出回应。

我创建了一个Bootply,概述了我要实现的布局类型。基本上,我希望文本和图像垂直居中。文本并不总是大于图像。

有人可以帮我这个忙吗?

谢谢。


阅读 241

收藏
2020-05-10

共1个答案

一尘不染

您可以使用CSS display:inline-block代替floatvertical-align:middle

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