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:

 

Entrare nel canale di Telegramma

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

Articoli correlati

Lasciare una risposta

Il tuo indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *