Html 在响应布局中，将一个div垂直居中于另一个高度未知的div内

请浏览上述网站。图片块是否可以在其容器内始终垂直居中

---

换句话说，将具有row fluid类的div垂直居中于具有特色项目类的div内。

为row fluid类提供Css并提供容器的高度

CSS

.row-fluid {
    display: table-cell;
    vertical-align: middle;
    height: 300px;
}

---

Abd从特色产品类别中移除填充顶部：2em

您可以处理以下表格：

<table width="100%" height="100%">
<tr><td style="vertical-align:middle; text-align:center;">
    <div><img src="" /></div>
    <div><img src="" /></div>
    <div><img src="" /></div>
</td></tr>
</table>

如果您在row fluid类上实现css，那么您使用的是boots trap，这将影响其他页面。我可以添加其他类，以避免与引导框架混淆；垂直对齐：中间对齐；请自己测试你的答案（在开发者工具或firebug中）。我以前也这样做过，但没有成功：-）但是这会缩短特色项目部分的时间，并且不会让它的背景一直延续到页面底部。你会在大屏幕上注意到这一点。