当前位置: 编程技术>WEB前端
基于jquery实现的图片在各种分辨率下未知的容器内上下左右居中
来源: 互联网 发布时间:2014-08-25
本文导语: DIV: 代码如下: ${pic.desc}${pic.poi}by ${pic.username} 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...
DIV:
代码如下:
${pic.desc}
${pic.poi}
by ${pic.username}
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);
}