Balisage: 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.
Sur le thème de l'alignement, il convient de noter que les utilisateurs peuvent choisir parmi les options de Rien, La gauche, À droite, et Centre. en plus, ils ont également la possibilité de Vignette, Moyen, Grand & Taille réelle.
L'image ci-dessus se trouve être centré.
Le reste de ce paragraphe est un remplissage dans le but de voir le texte s'enrouler autour des 150×150 image, lequel est aligné à gauche.
Comme vous pouvez le voir, il devrait y avoir un espace ci-dessus, au dessous de, et à droite de l'image. Le texte ne doit pas ramper sur l'image. Creeping n'est pas juste. Les images ont aussi 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 phrase de plus ici, nous verrons que le texte se déplace de la droite de l'image vers le bas sous l'image dans une transition transparente. De nouveau, laisser le faire. Mission accomplie!
Et maintenant pour un image massivement grande. Cela a aussi pas d'alignement.
L'image ci-dessus, bien que 1200 px de large, ne doit pas déborder de la zone de contenu. Il doit rester contenu sans perturbation visible du flux de contenu.
Et maintenant, nous allons passer les choses au aligner à droite. De nouveau, il devrait y avoir beaucoup de place au-dessus, au dessous de, et à gauche de l'image. Regarde-le là… salut mec! Façon de basculer ce côté droit. Peu m'importe ce que dit l'image alignée à gauche, ça te va bien. 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 bien assis. Oui… Juste comme ça. Ça n'a jamais été aussi bon d'avoir raison.
Et juste au moment où tu pensais que nous avions fini, nous allons les refaire avec des légendes!
L'image ci-dessus se trouve être centré. La légende contient également un lien, juste pour voir si ça fait quelque chose de génial.
Le reste de ce paragraphe est un remplissage dans le but de voir le texte s'enrouler autour des 150×150 image, lequel est aligné à gauche.
Comme vous pouvez le voir, il devrait y avoir un espace ci-dessus, au dessous de, et à droite de l'image. Le texte ne doit pas ramper sur l'image. Creeping n'est pas juste. Les images ont aussi 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 phrase de plus ici, nous verrons que le texte se déplace de la droite de l'image vers le bas sous l'image dans une transition transparente. De nouveau, laisser le faire. Mission accomplie!
Et maintenant pour un image massivement grande. Cela a aussi pas d'alignement.
L'image ci-dessus, bien que 1200 px de large, ne doit pas déborder de la zone de contenu. Il doit rester contenu sans perturbation visible du flux de contenu.
Et maintenant, nous allons passer les choses au aligner à droite. De nouveau, il devrait y avoir beaucoup de place au-dessus, au dessous de, et à gauche de l'image. Regarde-le là… salut mec! Façon de basculer ce côté droit. Peu m'importe ce que dit l'image alignée à gauche, ça te va bien. 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 bien assis. Oui… Juste comme ça. Ça n'a jamais été aussi bon d'avoir raison.
Et c’est une enveloppe, je! Vous avez survécu aux eaux tumultueuses de l'alignement. Réalisation d'alignement d'image déverrouillée!