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:

 

Laissez-nous un commentaire ou d’entrer à laForum
Share on Facebook Tweet about this on Twitter Share on Google+ Pin on Pinterest Share on Reddit Share on VK Share on StumbleUpon Share on Tumblr Share on LinkedIn Email this to someone Print this page

Articles connexes