jquery를 기반으로 한 그림은 다양한 해상도에서 알 수 없는 컨테이너의 위, 아래, 왼쪽, 오른쪽 중심에 있습니다.

DIV:

코드 복사 코드는 다음과 같습니다.

${pic.desc}

${pic.poi}

by ${pic.username}

CSS:

코드 복사 코드는 다음과 같습니다.

.pic_conent{
높이: 720px ;/* 이 높이는 js에 의해 변경됩니다*/
text-align: center;
display: table-cell;
vertical-align: middle;
}
.pic_layer{text -정렬: 중앙; 너비:100%; 수직 정렬:중간;}

제이쿼리:

코드 복사 코드는 다음과 같습니다.

$(function() {
var surH = $(window).height();
$(".pic_conent").height(surH);
window.onresize=function(){
var surH = $(window). 높이() ;
$(".pic_conent").height(surH);
}