EspañolDeutschFrançaisItalianoPortuguêsРусскийΕλληνικά日本語中文(简体)हिन्दी; हिंदीالعربية
Configura come lingua predefinita
Domande di PF - Cose da fare

Come centrare un'immagine orizzontalmente, con posizionamento assoluto, all'interno di un div

Programmazione CSS  
 
Come centrare un'immagine orizzontalmente, con posizionamento assoluto, all'interno di un div

L'idea è di messa a fuoco all'interno di un DIV, un'immagine con posizionamento assoluto { posizione: assoluta; }. Per fare questo, prima di tutto è assegnare, al div che conterrà l'immagine, un posizionamento relativa, impedendo così il posizionamento assoluto dell'immagine è per il contenitore padre dell'elemento che ha il posizionamento relativo successivo, o in mancanza, per la corpo.

Supponendo che abbiamo il codice riportato di seguito con un div e immagine all'interno dello stesso:

Lo stile applicato al contenitore e l'immagine è come segue:

Per vedere il risultato con alcune delle esempio, Ci accingiamo a modificare il codice HTML assegnando un bordo e un dimensioni al div, oltre ad aggiungere un Itinerario e un dimensioni all'immagine. Sarebbe simile a questo:

e, quindi, il risultato:

 

Lasciaci un commento o accedere allaCose da fare
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

Articoli correlati