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
Frage zu benutzerdefinierten Attributen von HTML-Tags
In der vorherigen Entwicklung haben wir die Stand...
So verwenden Sie das Schreiben von Dateien zum Debuggen einer Linux-Anwendung
Unter Linux ist alles eine Datei, daher besteht d...
Erläuterung der Bedeutung des Head-Area-Codes anhand von HTML-Webseitenbeispielen
Machen Sie sich anhand von Beispielen mit der Bede...
React kapselt die globale Bullet-Box-Methode
In diesem Artikelbeispiel wird der spezifische Co...
So platzieren Sie große Bilder auf kleinem Raum einer Webseite
Originalquelle: www.bamagazine.com Enge Bereiche ...
Vue-Beispielcode für die Online-Vorschau von Office-Dateien
Ich arbeite derzeit an elektronischen Archiven un...
Detaillierte Erklärung der Definition und Funktion von Trennzeichen in MySQL
Wenn Sie MySQL zum ersten Mal lernen, verstehen S...
Auswahl der Groß-/Kleinschreibung von MySQL-Tabellennamen
Inhaltsverzeichnis 1. Parameter, die die Groß-/Kl...
Was sind die Verwendungszwecke von Limits in MySQL (empfohlen)
SELECT * FROM Tabellenname Limit m,n; SELECT * FR...
Ein Artikel, der Ihnen ein tiefes Verständnis von Mysql-Triggern vermittelt
Inhaltsverzeichnis 1. Wenn beim Einfügen oder Änd...
So installieren Sie CentOS8 in VMware12 (Tutorial zur Installation von CentOS8 in einer virtuellen VM-Maschine)
CentOS8 wurde vor ein paar Tagen veröffentlicht. ...
Vermeidung von durch Closures verursachten Problemen in JavaScript
Über let, um Probleme durch Schließung zu vermeid...
Detaillierte Erläuterung der Startreihenfolge des Docker-Containers mithilfe eines Shell-Skripts
1. Aufgetretene Probleme Bei der verteilten Proje...
Detaillierte Erklärung der Lösung für HTML-Layout mit festen linken und rechten Breiten und adaptiver Mitte
In diesem Artikel wird eine detaillierte Erläuter...
Beispiel für Javascript-Bubblesort
Inhaltsverzeichnis 1. Was ist Bubble Sort 2. Gebe...