Beispiel für die Implementierung von Textumbruch in HTML (gemischter Text und Bilder in HTML)
|
1. Text rund um das Bild Wenn wir zum Beispiel die normale Version verwenden: Code kopieren Der Code lautet wie folgt:<Tabelle cellpadding="15" width="200"> <TR> <TD bgcolor="#EEEEFF"><IMG src="test.gif" hight=60>Hier ist das normale. Unter den inländischen VB-Websites wird vbgood täglich aktualisiert, bietet umfangreiche Informationen und ist bei Programmierbegeisterten sehr beliebt. </TD> </TR> </TABLE> Wenn in einem solchen Satz das Bild höher als der Text ist, entsteht über dem Text ein Leerraum. Die Seitenperformance ist sehr schlecht. Wie kann man das Problem lösen? Bitte schauen Sie sich diesen Code an: Code kopieren Der Code lautet wie folgt:<Tabelle cellpadding="15" width="200"> <TR> <TD bgcolor="#EEEEFF"><IMG src="test.gif" hspace="1" align="LEFT" hight=60>Hier ist ein Wraparound-Layout. Unter den inländischen VB-Websites wird vbgood täglich aktualisiert, bietet umfangreiche Informationen und ist bei Programmierbegeisterten sehr beliebt. </TD> </TR> </TABLE> Das Problem kann gelöst werden, indem dem img-Element dieses Attribut hinzugefügt wird: align="center". Einfach, oder? hspace definiert die Breite des Bildes und der umgebenden Elemente. Dabei ist es egal, ob es verpackt ist oder nicht. Wie wurde das gemacht? Schauen wir uns zunächst diesen Code an: Code kopieren Der Code lautet wie folgt:<Tabelle align=left cellspacing=0 cellpadding=0 width=200 border=1> <tr> <td><table align=left cellspacing=0 cellpadding=0><font color=red size="5"><b>Unter den </b></font> </table> inländischen VB-Websites wird vbgood täglich aktualisiert, bietet umfangreiche Informationen und ist bei Programmierbegeisterten sehr beliebt. （Ende）</td></tr> </Tabelle> Wie erreicht man einen solchen Effekt? Code kopieren Der Code lautet wie folgt:<Tabelle align=left cellspacing=0 cellpadding=0 width=200 border=1> <tr> <td><table align=left cellspacing=0 cellpadding=0><font color=red size="5"><b>Alle</b></font> </table>Unter den inländischen VB-Websites wird vbgood täglich aktualisiert, bietet umfangreiche Informationen und ist bei Programmierbegeisterten sehr beliebt. （Ende）</td></tr> </Tabelle> Dieser Codeausschnitt erklärt es. Sie als kluge Person werden es auf den ersten Blick erkennen. Tragen Sie einfach die Wörter, die Sie vergrößern möchten, in diese Tabelle ein. Was aber ist, wenn ich dem Text eine Hintergrundfarbe verleihen möchte? Ha, du bist so schlau. Füge der Tabelle das Attribut bgcolor wie folgt hinzu: Code kopieren Der Code lautet wie folgt:<Tabelle align=left cellspacing=0 cellpadding=0 width=200 border=1> <tr> <td><table align=left cellspacing=0 cellpadding=0 bgcolor=#C0C0C0><font color=red size="5"><b>Unter den </b></font></table> inländischen VB-Websites wird vbgood täglich aktualisiert, bietet umfangreiche Informationen und ist bei Programmierbegeisterten sehr beliebt. （Ende）</td></tr></table> Aber kannst du rauskommen? Nein, es gibt noch etwas hinzuzufügen (denk daran, das nächste Mal nicht so schnell zu antworten :)), und zwar Folgendes: Code kopieren Der Code lautet wie folgt:<Tabelle align=left cellspacing=0 cellpadding=0 width=200 border=1> <tr> <td><table align=left cellspacing=0 cellpadding=0 bgcolor=#C0C0C0><td><font color=red size="5"><b>Unter den </b></font></td></table> inländischen VB-Websites wird vbgood täglich aktualisiert, bietet umfangreiche Informationen und ist bei Programmierbegeisterten sehr beliebt. （Ende）</td></tr></table> |
<<: So lösen Sie das Problem des Randkollapses in CSS
Artikel empfehlen
Einführung in die Verwendung des MySQL Performance Stress Benchmark Tools Sysbench
Inhaltsverzeichnis 1. Einführung in Sysbench #Pro...
Best Practices-Handbuch zum Speichern von Daten in MySQL
Inhaltsverzeichnis Vorwort Verwenden Sie keine Ze...
Kurze Analyse der Einführung und grundlegenden Verwendung von Promise
Promise ist eine neue Lösung für die asynchrone P...
Über nginx zur Implementierung des Jira-Reverse-Proxys
Zusammenfassung: Nginx-Reverse-Proxy für JIRA kon...
MySQL mit Nutzungsanalyse
Verwendung von „haben“ Mit der Having-Klausel kön...
CSS fügt Scroll zu Div hinzu und verbirgt die Bildlaufleiste
CSS fügt dem div Scrollen hinzu und verbirgt die ...
Dieser Artikel zeigt Ihnen, wie Sie mit CSS-Rahmen spielen
Rahmenstil Die Eigenschaft „Border-Style“ gibt an...
Detaillierte Analyse der verschiedenen Hintergründe, Nutzungsszenarien und Techniken von CSS
Dieser Artikel wurde auf GitHub https://github.co...
CSS-Randüberlappungen und wie man sie verhindert
Die vertikal benachbarten Kanten zweier oder mehr...
js, css, html bestimmen die verschiedenen Versionen des Browsers
Verwenden Sie reguläre Ausdrücke, um die IE-Browse...
Beispielcode für die Entwicklung einer H5-Formularseite basierend auf React-Hooks und der Konfiguration der Zarm-Komponentenbibliothek
Vor kurzem habe ich React Hooks in Kombination mi...
Flex-Layout erreicht feste Anzahl von Zeilen pro Zeile + adaptives Layout
Dieser Artikel stellt das Flex-Layout vor, um ein...
Ursachen und Lösungen für MySQL-Deadlocks
Die Datenbank ist wie das Betriebssystem eine gem...
Zusammenfassung der Dateninteraktion zwischen Docker-Container und Host
Vorwort Beim Einsatz von Docker in einer Produkti...
Detaillierte Erklärung zur Implementierung der Anmeldefunktion durch Kombination von React mit der Formularkomponente von Antd
Inhaltsverzeichnis 1. React kombiniert mit Antd, ...