Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > Auf Jquery basierende Bilder werden in unbekannten Containern mit verschiedenen Auflösungen nach oben, unten, links und rechts zentriert_JQuery

Auf Jquery basierende Bilder werden in unbekannten Containern mit verschiedenen Auflösungen nach oben, unten, links und rechts zentriert_JQuery

WBOY
Freigeben： 2016-05-16 16:48:43
Original
1130 Leute haben es durchsucht

DIV:

Code kopieren Der Code lautet wie folgt:




${pic.desc}







CSS:

Code kopieren Der Code lautet wie folgt:

.pic_conent{
height: 720px ;/* Diese Höhe wird durch js*/
text-align: center;
display: table-cell;
vertical-align: middle;
}
.pic_layer{text -align: center; width:100%; display:inline-block;vertikal-align:middle;}

jquery:

Code kopieren Der Code lautet wie folgt:

$(function() {
var surH = $(window).height();
$(".pic_conent").height(surH);
window.onresize=function(){
var surH = $(window). height() ;
$(".pic_conent").height(surH);
}
Verwandte Etiketten：
图片 居中
Quelle：php.cn
Vorheriger Artikel：Ein einfaches Beispiel für einen Fortschrittsbalkeneffekt, implementiert von jquery_jquery Nächster Artikel：Zwei Mehrfachauswahlen (mehrere links und rechts) zum Hinzufügen, Löschen von Optionen und Werten examples_jquery
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Wo gibt es die Kursunterlagen zum CSS-Mindmapping? Kursunterlagen
Aus 2024-04-16 10:10:18
0
0
1335
Regulärer Ausdruck zum Abgleichen von Wörtern Ich habe ein Skript, in dem ich versuche, neue Jobnamen mit vorhandenen Jobnamen in einer ...
Aus 2024-04-06 21:24:04
0
1
606
Ändern Sie Inline-CSS-Stile in Javafx dynamisch Ich versuche, das Hintergrundbild eines Bereichs zu ändern, wenn die Anwendung maximiert i...
Aus 2024-04-06 20:57:16
0
1
487
Erstellen dieses speziellen Designs mithilfe eines Rasters: eine Schritt-für-Schritt-Anleitung Ich versuche, ein Layout zu erstellen, das diesem Bild ähnelt. Ich habe versucht, dieses R...
Aus 2024-04-06 20:29:08
0
2
492
Wie kann ich in der mobilen Ansicht diese Navigationsleiste schließen, wenn der Benutzer auf den Link klickt? Wenn der Benutzer auf einen Link klickt, um die Website zu durchsuchen, wird die Navigatio...
Aus 2024-04-06 19:23:03
0
1
411
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage