如何在 Bootstrap 3 中垂直居中文本和图像？

Twitter Bootstrap 3 中的垂直居中文本和图像（重复）

关于 Twitter Bootstrap 3 中文本和图像的垂直对齐方式进行了大量询问Twitter Bootstrap 3。这个话题值得进一步讨论。

当使用 Bootstrap 3 时动态内容，确定视觉元素的精确大小可能具有挑战性。此外，布局应保持响应能力。

要使文本和图像垂直居中，请考虑采用替代方法。不要浮动元素，而是将其显示设置为内联块。此外，利用 Vertical-align:middle 确保正确的垂直对齐。

下面是演示此技术的 CSS 代码片段示例：

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

通过实施这些调整，您可以毫不费力地居中对齐即使内容尺寸未知，文本和图像也会以响应方式垂直排列。

有关现场演示，请参阅以下 Bootply链接：

http://bootply.com/94402

以上是如何在 Bootstrap 3 中垂直居中文本和图像？的详细内容。更多信息请关注PHP中文网其他相关文章！