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>
|
<<: Tutorial zur DHCP-Konfiguration in der CentOS7-Umgebung
>>: Zusammenfassung der Vue Watch-Überwachungsmethoden
Artikel empfehlen
HTML-Sonderzeichen-Konvertierungstabelle
Charakter Dezimal Zeichennummer Entitätsname --- ...
Probleme und Vorsichtsmaßnahmen beim Festlegen von maxPostSize für Tomcat
1. Warum maxPostSize festlegen? Der Tomcat-Contai...
MySQL-Konfiguration Master-Slave-Server (ein Master und mehrere Slaves)
Inhaltsverzeichnis Ideen Hostkonfiguration Konfig...
Allgemeine Lösungen für das Ablaufen der Lese-/Schreibtrennung in MySQL
Die Fallstricke der Lese- und Schreibtrennung in ...
MySQL 8.x MSI-Version Installations-Tutorial mit Bildern und Text
1. MySQL herunterladen Offizielle Website-Downloa...
Rastersysteme im Webdesign
Bildung des Gittersystems Im Jahr 1692 war der fr...
So verstehen Sie SELinux unter Linux
Inhaltsverzeichnis 1. Einführung in SELinux 2. Gr...
Das Fehlschlagen der Wiedergabe von FLV-/MP4- und anderen Videodateien auf der Website hängt mit dem MIME-Typ zusammen.
Beim Erstellen einer Website habe ich festgestellt...
js implementiert eine einfache dreistufige Auswahlkaskade für Provinzen, Gemeinden und Bezirke
In diesem Artikel wird der spezifische Code von j...
Windows DNS-Server weist Sicherheitslücke auf „Wurm-Niveau“ auf, existiert seit 17 Jahren
Einführung in die Sicherheitslücke Die SigRed-Sic...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7
In diesem Tutorial erfahren Sie alles über die In...
HTML-Tabellen-Tag-Tutorial (19): Zeilen-Tag
Die Attribute des <TR>-Tags werden verwende...
Detailliertes Tutorial zur Installation von MySQL 8.0.13 (rpm) auf Centos7
yum oder rpm? Die Yum-Installationsmethode ist se...
MySQL5.7.27-winx64 Version Win10 Download- und Installations-Tutorial-Diagramm
MySQL 5.7-Installation Wir lernen in der Schule M...
Vue verwendet Better-Scroll, um ein Beispiel für eine horizontale Scroll-Methode zu erreichen
1. Implementierungsprinzip des Scrollens Das Scro...