Balisage: alignement des images

Bienvenue dans l'alignement des images! La meilleure façon de démontrer le va-et-vient des différentes options de positionnement d'image consiste à les noyer dans un océan de mots. Prenez une pagaie et commençons.

À propos de l'alignement, il convient de noter que les utilisateurs peuvent choisir parmi les options de AucunLa gaucheDroite, et Centre. En outre, ils ont également les options de La vignetteMoyenGrand Et Taille réelle.

Image Alignment 580x300

L'image ci-dessus se trouve être centré.

Image Alignment 150x150Le reste de ce paragraphe est plein pour que le texte s’enroule autour de l’image 150 × 150, qui est aligné à gauche.

Comme vous pouvez le voir, il devrait y avoir un espace en haut, en bas et à droite de l'image. Le texte ne doit pas ramper sur l'image. Ramper n'est pas juste. Les images ont également besoin de marge de manœuvre. Laissez-les parler comme vous les mots. Laissez-les faire leur travail sans problème avec le texte. Dans environ une phrase de plus ici, nous verrons que le texte se déplace de la droite de l'image vers le bas, sous l'image en transition transparente. Encore une fois, laissant le faire c'est thang. Mission accomplie!

Et maintenant pour un image massivement grande. Cela a aussi pas d'alignement.

Image Alignment 1200x400

L'image ci-dessus, bien que 1200px de large, ne doit pas déborder de la zone de contenu. Il doit rester confiné sans perturbation visible du flux de contenu.

Image Alignment 300x200

Et maintenant, nous allons déplacer les choses vers le aligner à droite. Encore une fois, il devrait y avoir beaucoup de place en haut, en bas et à gauche de l'image. Il suffit de le regarder là… Hé mec! Manière de basculer ce côté droit. Je me fiche de ce que dit l'image alignée à gauche, tu es superbe. Ne laissez personne vous dire différemment.

Dans juste un peu ici, vous devriez voir le texte commencer à se placer sous l’image alignée à droite et s’installer bien. Il devrait encore y avoir beaucoup de place et tout devrait être bien assis. Ouais… juste comme ça. Cela n'a jamais été aussi agréable d'avoir raison.

Et juste au moment où vous pensiez que nous avions fini, nous allons les refaire avec des légendes!

Image Alignment 580x300
Regardez 580 × 300 en obtenir légende amour.

L'image ci-dessus se trouve être centré. La légende contient également un lien, juste pour voir si elle fait quelque chose de génial.

Image Alignment 150x150
Légende Itty-Bitty.

Le reste de ce paragraphe est plein pour que le texte s’enroule autour de l’image 150 × 150, qui est aligné à gauche.

Comme vous pouvez le voir, il devrait y avoir un espace en haut, en bas et à droite de l'image. Le texte ne doit pas ramper sur l'image. Ramper n'est pas juste. Les images ont également besoin de marge de manœuvre. Laissez-les parler comme vous les mots. Laissez-les faire leur travail sans problème avec le texte. Dans environ une phrase de plus ici, nous verrons que le texte se déplace de la droite de l'image vers le bas, sous l'image en transition transparente. Encore une fois, laissant le faire c'est thang. Mission accomplie!

Et maintenant pour un image massivement grande. Cela a aussi pas d'alignement.

Image Alignment 1200x400
Commentaire d'image massif pour vos yeux.

L'image ci-dessus, bien que 1200px de large, ne doit pas déborder de la zone de contenu. Il doit rester confiné sans perturbation visible du flux de contenu.

Image Alignment 300x200
Je me sens bien d'avoir raison tout le temps.

Et maintenant, nous allons déplacer les choses vers le aligner à droite. Encore une fois, il devrait y avoir beaucoup de place en haut, en bas et à gauche de l'image. Il suffit de le regarder là… Hé mec! Manière de basculer ce côté droit. Je me fiche de ce que dit l'image alignée à gauche, tu es superbe. Ne laissez personne vous dire différemment.

Dans juste un peu ici, vous devriez voir le texte commencer à se placer sous l’image alignée à droite et s’installer bien. Il devrait encore y avoir beaucoup de place et tout devrait être bien assis. Ouais… juste comme ça. Cela n'a jamais été aussi agréable d'avoir raison.

Et c'est un wrap, yo! Vous avez survécu aux eaux tumultueuses de l'alignement. Réalisation d'alignement d'image débloquée!