Maison > interface Web > js tutoriel > Les images basées sur jquery sont centrées en haut, en bas, à gauche et à droite dans des conteneurs inconnus à différentes résolutions_jquery

Les images basées sur jquery sont centrées en haut, en bas, à gauche et à droite dans des conteneurs inconnus à différentes résolutions_jquery

WBOY
Libérer: 2016-05-16 16:48:43
original
1137 Les gens l'ont consulté

DIV :

Copier le code Le code est le suivant :




${pic.desc}







CSS :

Copier le code Le code est le suivant :

.pic_conent{
hauteur : 720px ;/* Cette hauteur sera modifiée par js*/
text-align: center;
display: table-cell;
vertical-align: middle;
}
.pic_layer{text -align : centre largeur : 100 % ; affichage : bloc-en-ligne ; alignement vertical : milieu;🎜>
jquery :

Copier le code Le code est le suivant :
$(function() {
var surH = $(window).height();
$(".pic_conent").height(surH);
window.onresize=function(){
var surH = $(window). height() ;
$(".pic_conent").height(surH);
}

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal