html - 在响应式布局中将 div 垂直居中在另一个高度未知的 div 中

Question

示例网页

请看一下上面的网站。是否可以让图片块始终在其容器内垂直居中？

换句话说，将具有 row-fluid 类的 div 垂直居中在具有 features-projects 类的 div 内。

Answer 1

将 Css 赋予 row-fluid 类并给出容器的高度。

CSS

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

abd从特色产品类中删除padding-top:2em

Answer 2

你可以处理表：

<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>