EspañolDeutschFrançaisItalianoPortuguêsРусскийΕλληνικά日本語中文(简体)हिन्दी; हिंदीالعربية
Defini comme langue par défaut
Questions de PF - Forum

Comment centrer une image horizontalement, avec le positionnement absolu, dans un div

Programmation CSS
Comment centrer une image horizontalement, avec le positionnement absolu, dans un div

L'idée est de mise au point dans un DIV, une image avec le positionnement absolu { position: absolu; }. Pour ce faire, tout d'abord est Assign, à la div qui contiendra l'image, un positionnement relative, empêchant ainsi le positionnement absolu de l'image est pour le conteneur parent élément qui a le positionnement relatif prochaine, ou à défaut, à la corps.

En supposant que nous avons le code suivant avec un div et l'image au sein de la même:

Le style appliqué au conteneur et l'image est comme suit:

Pour voir le résultat avec certains des exemple de, Nous allons modifier le code HTML en assignant une bord et un taille à la div, ainsi que l'ajout d'un Itinéraire et un taille à l'image. Il devrait ressembler à ceci:

et, puis, le résultat:

 

Rejoindre le canal de Télégramme

Laissez-nous un commentaire ou d’entrer à laForum
Partagez-le Share on FacebookTweet about this on TwitterShare on Google+Pin on PinterestShare on RedditShare on VKShare on StumbleUponShare on TumblrShare on LinkedInEmail this to someonePrint this page

Articles connexes

Laisser une réponse

Votre adresse email ne sera pas publié. Les champs obligatoires sont marqués *