ホームページ >ウェブフロントエンド >jsチュートリアル >jquery に基づく画像は、さまざまな解像度の未知のコンテナー内で上下左右の中央に配置されます_jquery

jquery に基づく画像は、さまざまな解像度の未知のコンテナー内で上下左右の中央に配置されます_jquery

WBOY
WBOYオリジナル
2016-05-16 16:48:431122ブラウズ

DIV:

コードをコピー コードは次のとおりです:




${pic.desc}







CSS:

コードをコピー コードは次のとおりです:

.pic_conent{
高さ: 720px ;/* この高さは js によって変更されます*/
text-align: center;
display: table-cell;
vertical-align: middle;
}
.pic_layer{text -整列: 中央; 幅: 100%; 垂直整列: 中央; }

jQuery:

コードをコピー コードは次のとおりです。

$(function() {
var surH = $(window).height();
$(".pic_conent").height(surH);
window.onresize=function(){
var surH = $(window). height() ;
$(".pic_conent").height(surH);
}
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。