Allineamento dell'immagine della pagina

Benvenuti nell'allineamento delle immagini! Il modo migliore per dimostrare il flusso e riflusso delle varie opzioni di posizionamento delle immagini è annidarle comodamente in un oceano di parole. Prendi una pagaia e iniziamo.

Sul tema dell'allineamento, va notato che gli utenti possono scegliere tra le opzioni di Nessuno, Sinistra, Giusto, E Centro. Inoltre, hanno anche le opzioni di Miniatura, Medio, Grande & A grandezza naturale.

Image Alignment 580x300

L'immagine sopra sembra essere centrato.

Image Alignment 150x150Il resto di questo paragrafo è di riempimento per vedere il testo avvolgersi attorno ai 150×150 immagine, che è allineato a sinistra.

Come puoi vedere, dovrebbe esserci dello spazio sopra, sotto, e a destra dell'immagine. Il testo non dovrebbe strisciare sull'immagine. Strisciare non è giusto. Anche le immagini hanno bisogno di respiro. Lascia che parlino come le tue parole. Lascia che facciano il loro lavoro senza il fastidio del testo. Tra un'altra frase qui, vedremo che il testo si sposta dalla destra dell'immagine verso il basso sotto l'immagine in una transizione senza soluzione di continuità. Ancora, lasciarlo fare è grazie. Missione compiuta!

E ora per a immagine enormemente grande. Ha anche nessun allineamento.

Image Alignment 1200x400

L'immagine sopra, anche se largo 1200px, non dovrebbe eccedere l'area del contenuto. Dovrebbe rimanere contenuto senza interruzioni visibili nel flusso dei contenuti.

Image Alignment 300x200

E ora sposteremo le cose al allineare a destra. Ancora, dovrebbe esserci molto spazio sopra, sotto, e a sinistra dell'immagine. Guardalo lì… Ehi ragazzo! Bel modo di spaccare quel lato destro. Non mi interessa cosa dice l'immagine allineata a sinistra, stai benissimo. Non lasciare che nessun altro ti dica diversamente.

Tra poco ecco, dovresti vedere il testo iniziare ad andare a capo sotto l'immagine allineata a destra e sistemarsi bene. Dovrebbe esserci ancora molto spazio e tutto dovrebbe essere carino. Sì… Proprio così. Non è mai stato così bello avere ragione.

E proprio quando pensavi che avessimo finito, li rifaremo da capo con le didascalie!

Image Alignment 580x300

Guarda 580×300 ottenerne un po' didascalia Amore.

L'immagine sopra sembra essere centrato. La didascalia contiene anche un collegamento, solo per vedere se fa qualcosa di strano.

Image Alignment 150x150

Didascalia piccolissima.

Il resto di questo paragrafo è di riempimento per vedere il testo avvolgersi attorno ai 150×150 immagine, che è allineato a sinistra.

Come puoi vedere, dovrebbe esserci dello spazio sopra, sotto, e a destra dell'immagine. Il testo non dovrebbe strisciare sull'immagine. Strisciare non è giusto. Anche le immagini hanno bisogno di respiro. Lascia che parlino come le tue parole. Lascia che facciano il loro lavoro senza il fastidio del testo. Tra un'altra frase qui, vedremo che il testo si sposta dalla destra dell'immagine verso il basso sotto l'immagine in una transizione senza soluzione di continuità. Ancora, lasciarlo fare è grazie. Missione compiuta!

E ora per a immagine enormemente grande. Ha anche nessun allineamento.

Image Alignment 1200x400

Enorme commento di immagini per i tuoi occhi.

L'immagine sopra, anche se largo 1200px, non dovrebbe eccedere l'area del contenuto. Dovrebbe rimanere contenuto senza interruzioni visibili nel flusso dei contenuti.

Image Alignment 300x200

È bello avere sempre ragione.

E ora sposteremo le cose al allineare a destra. Ancora, dovrebbe esserci molto spazio sopra, sotto, e a sinistra dell'immagine. Guardalo lì… Ehi ragazzo! Bel modo di spaccare quel lato destro. Non mi interessa cosa dice l'immagine allineata a sinistra, stai benissimo. Non lasciare che nessun altro ti dica diversamente.

Tra poco ecco, dovresti vedere il testo iniziare ad andare a capo sotto l'immagine allineata a destra e sistemarsi bene. Dovrebbe esserci ancora molto spazio e tutto dovrebbe essere carino. Sì… Proprio così. Non è mai stato così bello avere ragione.

E questo è tutto, sì! Sei sopravvissuto alle acque tumultuose dell'allineamento. Obiettivo allineamento immagine sbloccato!

LASCIA UN COMMENTO