Block: Bild

November 3, 2018 keine Kommentare Adam_Goodman Kategorien BlockStichworte ,

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.

Bildausrichtung 580x300

Das Bild oben ist zufällig zentriert.

Bildausrichtung 150x150

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.

Bildausrichtung 1200x400

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

Bildausrichtung 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 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!

Bildausrichtung 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.

Bildausrichtung 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 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.

Bildausrichtung 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.

Bildausrichtung 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 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:

Bildausrichtung 1200x4002

Können wir größer werden?? Dieses Bild hat die Gesamtbreite Ausrichtung:

Bildausrichtung 1200x4002

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.