Twitter Bootstrap 3，垂直居中放置内容
我知道这已经被问了一千遍了，但是我找不到一种使文本和图像垂直居中的方法。
我正在使用具有动态内容的Twitter Bootstrap 3，因此，我既不知道文本大小也不知道图像大小。另外，我希望这一切都能做出回应。
我创建了一个Bootply，概述了我要实现的布局类型。基本上，我希望文本和图像垂直居中。文本并不总是大于图像。
有人可以帮我这个忙吗？
谢谢。
问题答案：
您可以使用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;
}
-
问题内容： 我正在尝试使用CSS的flexbox垂直居中放置项目；而且，我知道如何使用非供应商前缀的代码来做到这一点，但是即使使用供应商前缀，我也无法在Webkit（Chrome）中使用它。 我正在尝试垂直对齐#trigger中的跨度。 这是我的CSS： 有什么想法我做错了吗？ 而且，如果您知道我正在使用的其他供应商前缀/版本的属性，请随时共享它们，以便它不仅可以在Webkit中使用。 问题答案：
-
问题内容： 我有这样的标记： div高于img： 我需要将图像放置在div的中间（在其上下具有相同的空白）。 我试过了，它不起作用： 问题答案： 如果您的图像纯粹是装饰性的，那么将其用作背景图像可能是一种更语义化的解决方案。然后您可以指定背景的位置 如果它不是装饰性的并且构成有价值的信息，则img标签是合理的。在这种情况下，您需要使用以下属性设置包含div的样式：
-
问题内容： 是否可以将div垂直居中放置在％高度div中？ 问题答案： 在这里以及在整个Internet上，已经被要求足够多次了。快速搜索将为您带来大量结果。无论如何，我这样做的首选方式是使用和。有关示例，请参见此页面。（请注意，这不适用于IE6。）
-
问题内容： 我怎么能垂直居中内的？ 到目前为止，我的代码： 我已经尝试过“ top：50％”；和“ vertical-align：middle”；没有成功 编辑： 好的，所以已经讨论了很多。我也许已经开始了另一场小型的火焰战争。但是为了论证，那我该如何用一个表呢？到目前为止，我已经将CSS用于其他所有内容，所以这并不是说我没有尝试采用“良好做法”。 编辑： 内部div没有固定的高度 问题答案： 简
-
问题内容： 在页面上垂直和水平居中放置元素的最佳方法？ 我知道这将以水平为中心，但是垂直进行的最佳方法是什么？ 问题答案： 该演示的主要技巧是元素的正常流动是从上到下，因此将其设置为零。然而，绝对定位的元件作用为自由空间分布是相同的，并且类似地可以垂直在指定为中心并且（不IE7工作）。 此技巧适用于的任何大小div。
-
问题内容： 我想将添加到另一个div内的div居中。 这是我当前正在使用的CSS。 如您所见，我现在使用的方法取决于width和height的值。如果width / height发生变化，我将不得不修改and值。是否有任何通用解决方案可用于始终将居中对齐它的大小？ 我发现使用可以将innerDiv水平分配到中间，但是垂直分配中间呢？ 问题答案： tl; dr 垂直对齐中间作品，但是您将不得不在父元