Bloquer: Image
Bienvenue dans l'alignement des images! Si vous reconnaissez ce message, c'est parce que ce sont des blocs qui ont été convertis du classique Balisage: Alignement d'image Publier. 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. Assurez-vous de l'essayer en mode RTL. La gauche doit rester à gauche et la droite doit rester à droite dans les deux sens de lecture.
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. Si le thème a ajouté la prise en charge de aligner large, les images peuvent aussi être large et pleine largeur. Assurez-vous de tester cette page en mode RTL.
en plus, ils obtiennent également les options des dimensions de l'image 25%, 50%, 75%, 100% ou une largeur et une hauteur définies.
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à-bas… Hey 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. Ouais ... 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à-bas… Hey 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. Ouais ... juste comme ça. Ça n'a jamais été aussi bon d'avoir raison.
Imaginez que nous trouvions une utilisation pour l'image extra large! Cette image a le grande largeur alignement:
Pouvons-nous aller plus grand? Cette image a le pleine largeur alignement:
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! Une dernière chose: Le dernier élément du contenu de ce message est une vignette flottant à droite. Assurez-vous que tous les éléments après le contenu sont correctement effacés.