Willkommen bei der Bildausrichtung! Der beste Weg, 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 ist anzumerken, dass Benutzer aus den Optionen von wählen können Keiner, Links, Recht, und Center. Darüber hinaus erhalten sie auch die Optionen von Miniaturansicht, Mittel, Groß & Vollbild.
Das Bild oben ist zufällig zentriert.
Der Rest dieses Absatzes ist Füllmaterial, um zu sehen, wie der Text um das 150 × 150-Bild gewickelt wird, was ist linksbündig.
Wie Sie sehen können, sollte oben, unten und rechts vom Bild etwas Platz sein. Der Text sollte nicht über das Bild kriechen. Kriechen ist einfach nicht richtig. Auch Bilder brauchen Raum zum Atmen. Lassen Sie sie sprechen wie Sie Worte. Lassen Sie sie ihre Arbeit ohne Probleme mit dem Text erledigen. In ungefähr einem weiteren Satz hier sehen wir, dass sich der Text in einem nahtlosen Übergang von der rechten Seite des Bildes nach unten unter das Bild bewegt. . Lassen Sie sie sprechen wie Sie Worte. Lassen Sie sie ihre Arbeit ohne Probleme mit dem Text erledigen. In ungefähr einem weiteren Satz hier sehen wir, dass sich der Text in einem nahtlosen Übergang von der rechten Seite des Bildes nach unten unter das Bild bewegt. Wieder, lassen Sie es tun. Mission erfüllt!
Und jetzt für ein massiv großes Bild. Es hat auch keine Ausrichtung.
Das obige Bild sollte, obwohl es 1200 Pixel breit ist, den Inhaltsbereich nicht überfüllen. Es sollte ohne sichtbare Unterbrechung des Inhaltsflusses enthalten bleiben.
Und jetzt werden wir die Dinge auf die verschieben rechts ausrichten. Auch hier sollte oben, unten und links vom Bild genügend Platz sein. Sieh ihn dir nur dort an… Hey Mann! Weg, diese rechte Seite zu rocken. Es ist mir egal, was das linksbündige Bild sagt, du siehst toll aus. Lassen Sie sich von niemandem etwas anderes sagen.
In Kürze sollten Sie sehen, dass der Text unter dem rechts ausgerichteten Bild umbricht und sich gut einfügt. Es sollte noch viel Platz sein und alles sollte schön sitzen. Ja… Einfach so. Es hat sich noch nie so gut angefühlt, Recht zu haben.
Und gerade als Sie dachten, wir wären fertig, machen wir sie noch einmal mit Bildunterschriften!
Das Bild oben ist zufällig zentriert. Die Bildunterschrift enthält auch einen Link, um zu sehen, ob sie irgendetwas Ungewöhnliches bewirkt.
Und das ist ein Wrap, yo! Du hast die turbulenten Gewässer der Ausrichtung überstanden. Bildausrichtungs-Erfolg freigeschaltet!
