Wenn Sie wissen möchten, wie Sie ein Bild rechts vom Text verschieben, werden Sie sich darüber freuen, dass dies eine ziemlich einfache Aufgabe ist. Es gibt viele Situationen, in denen Programmierer möchten, dass ein Bild auf einer Webseite im Text angezeigt wird, wobei der Text fließt oder umschlingt. Glücklicherweise ähnelt das Bearbeiten von Bildern dem Bearbeiten von Text. Wenn Sie also Erfahrung mit letzterem haben, sollte dieser Prozess überhaupt nicht schwierig sein.
Mit der CSS-Eigenschaft float können Sie Ihr Bild ganz einfach rechts vom Text schweben lassen und den Text auf der linken Seite umfließen lassen. In diesem fünfminütigen Lernprogramm erfahren Sie, wie das geht.
Fertig machen
Schreiben Sie zunächst einen Textabschnitt und fügen Sie ein Bild am Anfang des Absatzes ein. Dies sollte vor dem Text aber nach dem geschehen
Etikett):
Fügen Sie dem Bild ein Stilattribut hinzu und wenden Sie die Float-Eigenschaft an:
Ihr Text wird direkt gegen das Bild gerammt. Fügen Sie dem Bild einige Ränder hinzu, um das Lesen zu erleichtern:
Die Margin-Abkürzungseigenschaft wendet Ränder in der Reihenfolge oben, rechts, unten und links (TRBL) an. Und das macht es. Jetzt sehen Sie, dass das Verschieben eines Bildes nach rechts überhaupt nicht schwierig ist. Möglicherweise möchten Sie auch ein Bild nach links und in die Mitte verschieben. Während die erste Verschiebung möglich ist, können Sie ein Bild leider nicht in die Mitte verschieben, da dies normalerweise ein zweispaltiges Layout erfordert.
Einpacken
