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

小编典典

html

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

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

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

有人可以帮我这个忙吗？

谢谢。

阅读 281

2020-05-10

共1个答案

小编典典

您可以使用CSS display:inline-block代替float和vertical-align:middle：

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

2020-05-10