Markup

Markup: Alignement d’image

by
Jan , 10
Markup: Alignement d’image

Bienvenue dans l’alignement des images! La meilleure façon de démontrer le flux et le reflux des différentes options de positionnement d’image est de les nicher confortablement parmi un océan de mots. Prenez une pagaie et commençons.

En ce qui concerne l’alignement, il convient de noter que les utilisateurs peuvent choisir parmi les options Aucun, Gauche, Droite et Centre. En outre, ils obtiennent également les options de miniature, moyenne, grande et pleine taille.

Image Alignment 580x300

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

Image Alignment 150x150Le reste de ce paragraphe est un remplissage pour voir le texte s’enrouler autour de l’image 150×150, alignée à gauche.

Comme vous pouvez le voir, il devrait y avoir un espace au-dessus, en dessous et à droite de l’image. Le texte ne doit pas ramper sur l’image. Creeping n’est pas juste. Les images ont également besoin d’une marge de manœuvre. Laissez-les parler comme vous les mots. Laissez-les faire leur travail sans aucun problème lié au texte. Dans environ une autre phrase ici, nous verrons que le texte se déplace de la droite de l’image vers le bas en dessous de l’image dans une transition transparente. Encore une fois, laisser le faire c’est truc. Mission accomplie!

Et maintenant pour une image massivement grande. Il n’a pas non plus d’alignement.

Image Alignment 1200x400

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

Image Alignment 300x200

Et maintenant nous allons changer les choses right align.

Encore une fois, il devrait y avoir beaucoup de place au-dessus, en dessous et à gauche de l’image. Regardez-le là … Hé mec! Façon de basculer ce côté droit. Je me fiche de ce que dit l’image alignée à gauche, tu es superbe. Ne laissez personne d’autre vous dire le contraire.

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

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

Image Alignment 580x300
Regardez 580×300 en obtenir
caption love.

L’image ci-dessus se trouve être centered. La légende contient également un lien, juste pour voir si cela fait quelque chose de funky.

Image Alignment 150x150
Itty-bitty caption.

Le reste de ce paragraphe est un remplissage pour voir le texte s’enrouler autour de l’image 150×150, qui est left aligned.

Comme vous pouvez le voir, il devrait y avoir un espace au-dessus, en dessous et à droite de l’image. Le texte ne doit pas ramper sur l’image. Creeping n’est pas juste. Les images ont également besoin d’une marge de manœuvre. Laissez-les parler comme vous les mots. Laissez-les faire leur travail sans aucun problème lié au texte. Dans environ une autre phrase ici, nous verrons que le texte se déplace de la droite de l’image vers le bas en dessous de l’image dans une transition transparente. Encore une fois, laisser le faire c’est truc. Mission accomplie!

Et maintenant pour un massively large image. Cela a aussi no alignment.

Image Alignment 1200x400
Commentaire d’image massif pour vos globes oculaires.

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

Image Alignment 300x200
Ça fait du bien d’avoir raison tout le temps.

Et maintenant nous allons changer les choses right align. Encore une fois, il devrait y avoir beaucoup de place au-dessus, en dessous et à gauche de l’image. Regardez-le là … Hé mec! Façon de basculer ce côté droit. Je me fiche de ce que dit l’image alignée à gauche, tu es superbe. Ne laissez personne d’autre  vous dire différemment.

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

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