„Wenn ein Arbeiter seine Arbeit gut machen will, muss er zuerst seine Werkzeuge schärfen.“ – Konfuzius, „Die Gespräche des Konfuzius. Lu Linggong“
Titelseite > Programmierung > Wie kann ich Text mit HTML und CSS um ein Bild umwickeln?

Wie kann ich Text mit HTML und CSS um ein Bild umwickeln?

Gepostet am 2025-02-16
Durchsuche:463

How Can I Make Text Wrap Around an Image Using HTML and CSS?

wickeln Text um ein Bild ein, das html/css

Frage:

können Sie entwerfen Ein Textblock um ein Bild wie folgt umzuwickeln:

[Bild des Textes, das ein Bild umwickelt]

Antwort:

ja, das ist möglich, indem Sie den Bildbehälter schweben.

html:

CSS:

#container{
    width: 400px;
    background: yellow;
}
#floated{
    float: left;
    width: 150px;
    background: red;
}

  • [&anzen)
[&anzen)

] [ ]#Container{ Breite: 400px; Hintergrund: Gelb; } #floated { float: links; Breite: 150px; Hintergrund: Rot; }

Erläuterung:

How Can I Make Text Wrap Around an Image Using HTML and CSS?

Das #Container Div definiert die Grenzen des Textes und des Bildes. Das wird um das Bild wickeln.

Der Float: Left -Eigenschaft auf der #floated Div lässt es links vom Container schweben. Der Text wird sein.

Live -Beispiel:

[jsfiddle] (http://jsfiddle.net/kydgl/)

Neuestes Tutorial Mehr>

Haftungsausschluss: Alle bereitgestellten Ressourcen stammen teilweise aus dem Internet. Wenn eine Verletzung Ihres Urheberrechts oder anderer Rechte und Interessen vorliegt, erläutern Sie bitte die detaillierten Gründe und legen Sie einen Nachweis des Urheberrechts oder Ihrer Rechte und Interessen vor und senden Sie ihn dann an die E-Mail-Adresse: [email protected] Wir werden die Angelegenheit so schnell wie möglich für Sie erledigen.

Copyright© 2022 湘ICP备2022001581号-3