DIV：

复制代码 代码如下:

<div>

<div>

<>

<section>

<h2>${pic.desc}</h2>

<aside>

<c:if test="${not empty pic.poi}">

<span>${pic.poi}</span>

</c:if>

<span>by ${pic.username}</span>

</aside>

</section>

<img src="${pic.picUrl}" width="320" height="420" />

</div>

</div>

CSS:

复制代码 代码如下:

.pic_conent{

height: 720px;/*这个高度会被js改掉*/

text-align: center;

display: table-cell;

vertical-align: middle;

}

.pic_layer{text-align:center; width:100%; display:inline-block; vertical-align:middle;}

jquery:

复制代码 代码如下:

$(function() {

var surH = $(window).height();

$(".pic_conent").height(surH);

window.onresize=function(){

var surH = $(window).height();

$(".pic_conent").height(surH);

}