Bild

Willkommen bei der Bildausrichtung! Der beste Weg, um das Auf und Ab der verschiedenen Bildpositionierungsoptionen zu demonstrieren, besteht darin, sie kuschelig in einen Ozean von Wörtern zu schmiegen. Schnapp dir ein Paddel und los geht's.

Zum Thema Ausrichtung, Es ist zu beachten, dass Benutzer aus den Optionen von wählen können Keiner, Links, Richtig, und Center. In Ergänzung, Sie erhalten auch die Optionen von Miniaturansicht, Mittel, Groß & Fullsize.

Image Alignment 580x300

Das Bild oben ist zufällig zentriert.

Image Alignment 150x150Der Rest dieses Absatzes ist Füllmaterial, damit der Text die 150 umschließt×150 Bild, welches ist linksbündig.

Wie Sie sehen können, sollte oben etwas Platz sein, unten, und rechts vom Bild. Der Text sollte nicht auf dem Bild kriechen. Kriechen ist einfach nicht richtig. Bilder brauchen auch Raum zum Atmen. Lass sie sprechen wie du Worte. Lassen Sie sie ihre Arbeit ohne Probleme mit dem Text erledigen. In etwa einem weiteren Satz hier, Wir werden sehen, dass sich der Text in einem nahtlosen Übergang von rechts vom Bild nach unten unter das Bild bewegt. Nochmal, Lassen Sie das tun, es ist thang. Mission erfüllt!

Und jetzt zu einem massiv großes Bild. Es hat auch keine Ausrichtung.

Image Alignment 1200x400

Das Bild oben, obwohl 1200px breit, sollte den Inhaltsbereich nicht überlaufen. Es sollte ohne sichtbare Störung des Inhaltsflusses enthalten bleiben.

Image Alignment 300x200

Und jetzt werden wir die Dinge auf das verschieben rechts ausrichten. Nochmal, oben sollte viel Platz sein, unten, und links vom Bild. Schau ihn dir dort an… Hey Junge! Weg, um diese rechte Seite zu rocken. Es ist mir egal, was das linksbündige Bild sagt, du siehst super aus. Lassen Sie sich von niemand anderem etwas anderes sagen.

Hier nur ein bisschen, Sie sollten sehen, dass der Text unter dem rechtsbündigen Bild beginnt und sich gut einfügt. Es sollte noch viel Platz sein und alles sollte schön sitzen. Ja… Genau so. Es hat sich noch nie so gut angefühlt, richtig zu liegen.

Und gerade als Sie dachten, wir wären fertig, Wir werden sie noch einmal mit Untertiteln machen!

Image Alignment 580x300

Schauen Sie sich 580 an×300 etwas bekommen Bildbeschriftung Liebe.

Das Bild oben ist zufällig zentriert. Die Beschriftung enthält auch einen Link, nur um zu sehen, ob es etwas Funky macht.

Image Alignment 150x150

Kleine Bildunterschrift.

Der Rest dieses Absatzes ist Füllmaterial, damit der Text die 150 umschließt×150 Bild, welches ist linksbündig.

Wie Sie sehen können, sollte oben etwas Platz sein, unten, und rechts vom Bild. Der Text sollte nicht auf dem Bild kriechen. Kriechen ist einfach nicht richtig. Bilder brauchen auch Raum zum Atmen. Lass sie sprechen wie du Worte. Lassen Sie sie ihre Arbeit ohne Probleme mit dem Text erledigen. In etwa einem weiteren Satz hier, Wir werden sehen, dass sich der Text in einem nahtlosen Übergang von rechts vom Bild nach unten unter das Bild bewegt. Nochmal, Lassen Sie das tun, es ist thang. Mission erfüllt!

Und jetzt zu einem massiv großes Bild. Es hat auch keine Ausrichtung.

Image Alignment 1200x400

Massiver Bildkommentar für Ihre Augäpfel.

Das Bild oben, obwohl 1200px breit, sollte den Inhaltsbereich nicht überlaufen. Es sollte ohne sichtbare Störung des Inhaltsflusses enthalten bleiben.

Image Alignment 300x200

Fühlt sich gut an, die ganze Zeit Recht zu haben.

Und jetzt werden wir die Dinge auf das verschieben rechts ausrichten. Nochmal, oben sollte viel Platz sein, unten, und links vom Bild. Schau ihn dir dort an… Hey Junge! Weg, um diese rechte Seite zu rocken. Es ist mir egal, was das linksbündige Bild sagt, du siehst super aus. Lassen Sie sich von niemand anderem etwas anderes sagen.

Hier nur ein bisschen, Sie sollten sehen, dass der Text unter dem rechtsbündigen Bild beginnt und sich gut einfügt. Es sollte noch viel Platz sein und alles sollte schön sitzen. Ja… Genau so. Es hat sich noch nie so gut angefühlt, richtig zu liegen.

Und das ist ein Wrap, mich! Sie haben das turbulente Wasser der Ausrichtung überlebt. Bildausrichtungserfolg freigeschaltet!