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
WeChat-Applet zum Speichern von Alben und Bildern in Alben
Ich entwickle derzeit eine Video- und Tool-App, ä...
Details zum Überschreiben von Prototypmethoden in JavaScript-Instanzobjekten
Inhaltsverzeichnis In JavaScript können wir norma...
HTML-Text in vertikalen Spalten anzeigen, um den Text in vertikalen Spalten anzuzeigen
Code kopieren Der Code lautet wie folgt: <span...
Installations-Tutorial zur MySQL 5.7.17 Zip-Paketversion unter Win10
Das Installationstutorial für mysql5.7.17 wird Ih...
So erweitern Sie die Festplattengröße einer virtuellen Maschine
Nachdem Vmvare die Festplattengröße der virtuelle...
MySql Group By implementiert die Gruppierung mehrerer Felder
Bei täglichen Entwicklungsaufgaben verwenden wir ...
HTML + CSS + JS realisiert, dass die Leinwand dem Quellcode für Spezialeffekte des kleinen Kreises der Maus folgt
Wirkung (Quellcode am Ende): erreichen: 1. Tags d...
JS implementiert die zufällige Generierung von Bestätigungscodes
In diesem Artikelbeispiel wird der spezifische JS...
Zusammenfassung der Ausnahmen bei der MySQL-Datenbankverbindung (sammelwürdig)
Beim Bereitstellen des Projekts auf Centos ist mi...
Die Iframe-Aktualisierungsmethode ist bequemer
So aktualisieren Sie Iframe 1. Zum Aktualisieren k...
Detaillierte Erklärung gängiger Docker-Befehle
1. Hilfe-Befehl 1. Aktuelle Docker-Version anzeig...
So fügen Sie einem Alpine-Image einen Ansible-Dienst hinzu
Verwenden Sie apk add ansible, um den Ansible-Die...
Detaillierte Erklärung zur Überwachung von MySQL-Anweisungen
Schnelles Lesen Warum müssen wir SQL-Anweisungen ...
Optimierte Implementierung von count() für große MySQL-Tabellen
Das Folgende ist mein Urteil basierend auf der Da...
So lösen Sie die Elementbewegung, die durch einen per Hover generierten Rahmen verursacht wird
Vorwort Manchmal verschiebt sich der Inhalt des E...