Wie kann ich mithilfe von HTML und CSS Text um ein Bild fließen lassen?

Mit HTML/CSS Text um ein Bild wickeln

Frage:

Können Sie entwerfen? ein Textblock, der um ein Bild wie folgt gewickelt wird:

[Bild eines Texts, der um ein gewickelt wird Bild]

Antwort:

Ja, das ist möglich, indem man das Bild schweben lässt Container.

HTML:

<div>

CSS:

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

Erklärung:

• Das #container div definiert die Grenzen des Textes und Bild.
• Das #floated div enthält den Text, der das Bild umschließt.
• Die float: left-Eigenschaft des #floated div sorgt dafür, dass es links vom Container schwebt.
• Die width-Eigenschaft des #floated div definiert, wie breit der Text sein wird.

Live Beispiel:

[JSFiddle](http://jsfiddle.net/kYDgL/)

Das obige ist der detaillierte Inhalt vonWie kann ich mithilfe von HTML und CSS Text um ein Bild fließen lassen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!