Block: Bild
Willkommen bei der Bildausrichtung! Wenn Sie diesen Beitrag erkennen, Dies liegt daran, dass dies Blöcke sind, die vom Klassiker konvertiert wurden Markup: Bildausrichtung Post. 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. Versuchen Sie es unbedingt im RTL-Modus. Links sollte links bleiben und rechts sollte für beide Leserichtungen rechts bleiben.
Zum Thema Ausrichtung, Es ist zu beachten, dass Benutzer aus den Optionen von wählen können Keiner, Links, Richtig, und Center. Wenn das Thema Unterstützung für hinzugefügt hat weit ausrichten, Bilder können auch sein breit und Gesamtbreite. Stellen Sie sicher, dass Sie diese Seite im RTL-Modus testen.
Zusätzlich, Sie erhalten auch die Optionen der Bildabmessungen 25%, 50%, 75%, 100% oder eine festgelegte Breite und Höhe.
Das Bild oben ist zufällig zentriert.
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 neben dem Bild 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.
Das Bild oben, obwohl 1200px breit, sollte den Inhaltsbereich nicht überlaufen. Es sollte ohne sichtbare Störung des Inhaltsflusses enthalten bleiben.
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 Mann! 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… einfach 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!
Das Bild oben ist zufällig zentriert. Die Beschriftung enthält auch einen Link, nur um zu sehen, ob es etwas Funky macht.
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 neben dem Bild 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.
Das Bild oben, obwohl 1200px breit, sollte den Inhaltsbereich nicht überlaufen. Es sollte ohne sichtbare Störung des Inhaltsflusses enthalten bleiben.
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 Mann! 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… einfach so. Es hat sich noch nie so gut angefühlt, richtig zu liegen.
Stellen Sie sich vor, wir würden das extra breite Bild verwenden! Dieses Bild hat die breite Breite Ausrichtung:
Können wir größer werden?? Dieses Bild hat die Gesamtbreite Ausrichtung:
Und das ist ein Wrap, ich! Sie haben das turbulente Wasser der Ausrichtung überlebt. Bildausrichtungserfolg freigeschaltet! Eine letzte Sache: Das letzte Element im Inhalt dieses Beitrags ist eine nach rechts schwebende Miniaturansicht. Stellen Sie sicher, dass alle Elemente nach dem Löschen des Inhalts ordnungsgemäß gelöscht wurden.