Markup: Bildausrichtung

Willkommen bei der Bildausrichtung! Der beste Weg, um das Ausmaß und den Fluss der verschiedenen Bildausrichtungsoptionen zu demonstrieren, ist, sie in einem Meer von Wörtern einzunisten. Schnappen Sie sich ein Paddle und fangen Sie an.

Zum Thema Ausrichtung ist anzumerken, dass Benutzer aus den Optionen von NoneLeftRight, und Center. Darüber hinaus erhalten sie auch die Optionen von ThumbnailMediumBreite & Fullsize.

Bildausrichtung 580x300

Das obige Bild erscheint als zentriert.

Bildausrichtung 150x150Der Rest dieses Absatzes ist Füllmaterial, um den Text um das 150×150-Bild zu wickeln, das left aligned.

Wie Sie sehen, sollte über, unter und rechts neben dem Bild etwas Platz sein. Der Text sollte nicht in das Bild hineinragen. Creeping ist einfach nicht richtig. Bilder brauchen auch Luft zum Atmen. Lassen Sie sie wie Sie Worte sprechen. Lassen Sie sie ihre Aufgaben ohne jede Belästigung durch den Text erfüllen. In etwa einem weiteren Satz hier werden wir sehen, dass sich der Text in einem nahtlosen Übergang von der rechten Seite des Bildes nach unten unter das Bild bewegt. Noch einmal: Lassen Sie es geschehen. Mission accomplished!

Und nun für eine massiv breites Bild. Es hat auch no alignment.

Bildausrichtung 1200x400

Das obige Bild sollte trotz einer Breite von 1200px den Inhaltsbereich nicht überfüllen. Es sollte containert bleiben und den Fluss des Inhalts nicht sichtbar unterbrechen.

Bildausrichtung 300x200

And now we're going to shift things to the rechte Ausrichtung. Auch hier sollte oben, unten und links im Bild viel Platz sein. Sehen Sie sich ihn dort an... Hey, Mann! Weg, um die rechte Seite zu rocken. Es ist mir egal, was das links ausgerichtete Bild sagt, du siehst toll aus. Lassen Sie sich von niemandem etwas anderes sagen.

In just a bit here, you should see the text beginning to wrap below the right aligned image and settle in nicely. Es sollte immer noch viel Platz vorhanden sein und alles sollte ordentlich sitzen. Yeah... Just like that. It never felt so good to be right.

Und gerade, wenn Sie dachten, wir hätten es geschafft, werden wir es wieder tun, mit Captions!

Bildausrichtung 580x300
Look at 580×300 get some Bildunterschrift love.

Das obige Bild erscheint als zentriert. Die Bildunterschrift hat auch einen Link darin, nur um zu sehen, ob sie etwas Witziges macht.

Bildausrichtung 150x150
Itty-bitty caption.

Der Rest dieses Absatzes ist Füllmaterial, um den Text um das 150×150-Bild zu wickeln, das left aligned.

Wie Sie sehen, sollte über, unter und rechts neben dem Bild etwas Platz sein. Der Text sollte nicht in das Bild hineinragen. Creeping ist einfach nicht richtig. Bilder brauchen auch Luft zum Atmen. Lassen Sie sie wie Sie Worte sprechen. Lassen Sie sie ihre Aufgaben ohne jede Belästigung durch den Text erfüllen. In etwa einem weiteren Satz hier werden wir sehen, dass sich der Text in einem nahtlosen Übergang von der rechten Seite des Bildes nach unten unter das Bild bewegt. Noch einmal: Lassen Sie es geschehen. Mission accomplished!

Und nun für eine massiv breites Bild. Es hat auch no alignment.

Bildausrichtung 1200x400
Massiver Bildkommentar für Ihre Eyeballs.

Das obige Bild sollte trotz einer Breite von 1200px den Inhaltsbereich nicht überfüllen. Es sollte containert bleiben und den Fluss des Inhalts nicht sichtbar unterbrechen.

Bildausrichtung 300x200
Feels good to be right all the time.

And now we're going to shift things to the rechte Ausrichtung. Auch hier sollte oben, unten und links im Bild viel Platz sein. Sehen Sie sich ihn dort an... Hey, Mann! Weg, um die rechte Seite zu rocken. Es ist mir egal, was das links ausgerichtete Bild sagt, du siehst toll aus. Lassen Sie sich von niemandem etwas anderes sagen.

In just a bit here, you should see the text beginning to wrap below the right aligned image and settle in nicely. Es sollte immer noch viel Platz vorhanden sein und alles sollte ordentlich sitzen. Yeah... Just like that. It never felt so good to be right.

And that's a wrap, yo! Du hast die stürmischen Gewässer der Ausrichtung überlebt. Image alignment achievement unlocked!