Alignement de l’image de la page

Bienvenue dans l’alignement des images ! La meilleure façon d’illustrer le flux et le reflux des différentes options de positionnement des images est de les nicher dans 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 suivantes : Aucun, Gauche, Droite et Centre. En outre, ils ont également le choix entre les options Vignette, Moyen, Grand et Plein écran.

L’image ci-dessus est centrée.

Le reste de ce paragraphe n’est que du remplissage afin de voir le texte s’enrouler autour de l’image 150×150, qui est alignée à gauche.

Comme vous pouvez le constater, il doit y avoir de l’espace au-dessus, au-dessous et à droite de l’image. Le texte ne doit pas se superposer à l’image. Ce n’est tout simplement pas correct. Les images ont également besoin d’espace pour respirer. Laissez-les parler comme vous parlez. Laissez-les faire leur travail sans être dérangés par le texte. Dans une autre phrase, nous verrons que le texte se déplace de la droite de l’image vers le bas de l’image dans une transition transparente. Encore une fois, laissez le texte faire son travail. Mission accomplie !

Et maintenant, une très grande image. Elle n’a pas non plus pas d’alignement.

L’image ci-dessus, bien que d’une largeur de 1200 px, ne doit pas déborder de la zone de contenu. Elle doit rester contenue sans perturber visiblement le flux de contenu.

Et maintenant, nous allons passer à l’alignement à droite. vers la droite. Encore une fois, il devrait y avoir beaucoup de place au-dessus, au-dessous et à gauche de l’image. Regardez-le… Hé, le gars ! Vous avez réussi à mettre en valeur votre côté droit. Peu importe ce que dit l’image alignée à gauche, vous êtes superbe. Ne laissez personne vous dire le contraire.

Dans quelques instants, vous devriez voir le texte commencer à s’enrouler sous l’image alignée à droite et à s’y insérer. Il devrait y avoir encore beaucoup de place et tout devrait être bien en place. Oui… C’est comme ça. Il n’a jamais été aussi agréable d’avoir raison.

Et alors que vous pensiez que nous avions terminé, nous allons les refaire avec des légendes !

L’image ci-dessus est centrée. La légende contient également un lien, juste pour voir s’il fait quelque chose de bizarre.

Le reste de ce paragraphe n’est qu’un remplissage qui permet de voir le texte s’enrouler autour de l’image 150×150, qui est alignée à gauche.

Comme vous pouvez le voir, il doit y avoir de l’espace au-dessus, au-dessous et à droite de l’image. Le texte ne doit pas se superposer à l’image. La reptation n’est tout simplement pas une bonne chose. Les images ont également besoin d’espace pour respirer. Laissez-les parler comme vous parlez. Laissez-les faire leur travail sans que le texte ne les dérange. Dans une phrase supplémentaire, nous verrons que le texte se déplace de la droite de l’image vers le bas de l’image dans une transition transparente. Encore une fois, il faut laisser faire les choses. Mission accomplie !

Et maintenant, une très grande image. Il n’a pas non plus aucun alignement.

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 perturber visiblement le flux de contenu.

Et maintenant, nous allons déplacer les choses vers l’alignement de droite. vers la droite. Là encore, il doit y avoir suffisamment d’espace au-dessus, au-dessous et à gauche de l’image. Il suffit de le regarder… Hey guy ! Vous avez bien fait de vous occuper de votre côté droit. Peu importe ce que dit l’image alignée à gauche, vous êtes superbe. Ne laissez personne vous dire le contraire.

Dans quelques instants, vous devriez voir le texte commencer à s’enrouler sous l’image alignée à droite et à s’y intégrer. Il devrait y avoir encore beaucoup de place et tout devrait être bien en place. Oui… C’est comme ça. Il n’a jamais été aussi bon d’avoir raison.

Et c’est tout ! Vous avez survécu aux eaux tumultueuses de l’alignement. Alignement de l’image débloqué !