在响应布局中将div放在另一个具有未知高度的div内

Question

Sample Webpage

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

换句话说，将具有行流体类的div垂直居中于div内部的特征项目类。

Answer 1

将Css赋予行液级＆amp;给出容器的高度。

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