Analyse und Anwendung des Wasserfallflussprinzips unregelmäßiger Bilder

Das im Projekt aufgetretene Layoutproblem unregelmäßiger Bildwände wird wie folgt analysiert:

1.img-Anzeige: Block; Beheben Sie den 3px-img-Tag-Fehler

2. Stellen Sie die Höhe und Breite des Bildes ein. Andernfalls wird das Bild unten angezeigt. Wenn das Bild oben zuerst geladen wird, wird das Bild nach unten verschoben, wenn es erneut geladen wird.

3. Position des übergeordneten Divs: relativ; ermöglicht die relative und absolute Positionierung des Bildpreises

4. Position des untergeordneten Bereichs: absolut; rechts: 5px; unten: 5px; Der Preis wird absolut im übergeordneten Bereich positioniert.

5. Um den Effekt zu erzielen, setzen Sie das Bild-Div in ein 3-Spalten-Div

Die Wirkung ist wie folgt:

Code kopieren

Der Code lautet wie folgt:

<div id=”main”></p> <p> <div class=”g1”></p> <p> <div class=”item”></p> <p> <img src=”” width=”” height=””/></p> <p> <span>Preis</span></p> <p> </div></p> <p> …..</p> <p> </div></p> <p> <div class=”g2”></p> <p> </div></p> <p> <div class=”g3”></p> <p> </div></p> <p></div>

Verwendung des Linux-Befehls passwd

Artikel

Analyse und Anwendung des Wasserfallflussprinzips unregelmäßiger Bilder

Detailliertes grafisches Tutorial zum Aktivieren des sicheren Remotezugriffs mit Docker

Detaillierte Erklärung der MySQL-Datumsadditions- und -subtraktionsfunktionen

Vue-Formular-Post-Anforderung kombiniert mit Servlet zur Realisierung der Datei-Upload-Funktion

Zusammenfassung der bei der Arbeit häufig verwendeten Linux-Befehle

Verwendung des Linux-Befehls passwd

Neue Ideen zur Zeitformatierung in JavaScript toLocaleString()

So betten Sie Dateien im Flash-Videoformat (FLV, SWF) in HTML-Dateien ein

Zusammenfassung der drei Möglichkeiten zum Erstellen neuer Elemente

So installieren Sie PHP7.4 und Nginx auf Centos

Vue verwendet die Methode in der Referenzbibliothek mit Quellcode

Artikel empfehlen

Detaillierte Erklärung, wie MySQL bestimmt, ob eine InnoDB-Tabelle ein unabhängiger Tablespace oder ein gemeinsam genutzter Tablespace ist

Detaillierte Erklärung des Linx awk-Einführungstutorials

Detaillierte Erklärung der Verwendung von zwei Arten von temporären Tabellen in MySQL

Lösen Sie das Problem verstümmelter chinesischer Schriftzeichen in Mysql5.7

Grafisches Tutorial zur Installation und Konfiguration der MySQL 5.7.21-Dekomprimierungsversion

Installationstutorial für MySQL 5.1 und 5.7 unter Linux

Detaillierte Erläuterung der SRIOV-Passthrough-Konfiguration und Leistungstests basierend auf KVM

Über das Wertübertragungsproblem zwischen Antd-Baum und übergeordneten und untergeordneten Komponenten (Reaktionszusammenfassung)

Detailliertes Beispiel zur Installation eines FastDfs-Dateiservers mit Docker Compose

Eine kurze Diskussion über die alternative Methode von $refs in vue2 in der kombinierten API von vue3

Detaillierte Erläuterung der Überwachung der NVIDIA GPU-Nutzung unter Linux

Webdatenspeicherung: Cookie, UserData, SessionStorage, WebSqlDatabase

Detaillierte Erläuterung des Mysql-Kommunikationsprotokolls

mysql teilt eine Datenzeile basierend auf Kommas in mehrere Zeilen auf

jQuery implementiert die Funktion zum Hinzufügen und Löschen von Mitarbeiterinformationen