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

Per quanto riguarda l'allineamento, va notato che gli utenti possono scegliere tra le opzioni di NessunoA sinistraGiusto, Centro. Inoltre, hanno anche la possibilità di MiniaturaMedioGrande & Dimensioni complete.

Image Alignment 580x300

Si dà il caso che l'immagine qui sopra sia centrato.

Image Alignment 150x150Il resto di questo paragrafo è un riempitivo per vedere il testo che si avvolge intorno all'immagine 150×150, che è allineato a sinistra

Come si può vedere, dovrebbe esserci un po' di spazio sopra, sotto e a destra dell'immagine. Il testo non deve strisciare sull'immagine. Lo strisciamento non è corretto. Anche le immagini hanno bisogno di spazio. Lasciatele parlare come le parole. Lasciate che facciano il loro lavoro senza essere disturbate dal testo. In un'altra frase, vedremo che il testo si sposta dalla destra dell'immagine in basso, senza soluzione di continuità. Ancora una volta, lasciamo che il testo faccia il suo dovere. Missione compiuta!

E ora per un immagine di grandi dimensioni. Ha anche nessun allineamento.

Image Alignment 1200x400

L'immagine qui sopra, benché sia larga 1200px, non deve traboccare dall'area del contenuto. Deve rimanere contenuta senza interrompere in modo visibile il flusso dei contenuti.

Image Alignment 300x200

E ora ci spostiamo sul tema della allineamento a destra. Anche in questo caso, dovrebbe esserci molto spazio sopra, sotto e a sinistra dell'immagine. Guardatelo lì... Ehi, ragazzo! Il lato destro è perfetto. Non mi interessa cosa dice l'immagine allineata a sinistra, stai benissimo. Non lasciare che qualcuno ti dica il contrario.

Tra un po' si dovrebbe vedere il testo che inizia ad avvolgersi sotto l'immagine allineata a destra e a sistemarsi bene. Dovrebbe esserci ancora molto spazio e tutto dovrebbe essere a posto. Sì... proprio così. Non è mai stato così bello essere nel giusto.

E proprio quando pensavate che avessimo finito, li rifaremo tutti con le didascalie!

Image Alignment 580x300

Guardate 580×300 per ottenere un po' di didascalia amore.

Si dà il caso che l'immagine qui sopra sia centrato. La didascalia contiene anche un link, per vedere se fa qualcosa di strano.

Image Alignment 150x150

Didascalia minuscola.

Il resto di questo paragrafo è un riempitivo per vedere il testo che si avvolge intorno all'immagine 150×150, che è allineato a sinistra

Come si può vedere, dovrebbe esserci un po' di spazio sopra, sotto e a destra dell'immagine. Il testo non deve strisciare sull'immagine. Lo strisciamento non è corretto. Anche le immagini hanno bisogno di spazio. Lasciatele parlare come le parole. Lasciate che facciano il loro lavoro senza essere disturbate dal testo. In un'altra frase, vedremo che il testo si sposta dalla destra dell'immagine in basso, senza soluzione di continuità. Ancora una volta, lasciamo che il testo faccia il suo dovere. Missione compiuta!

E ora per un immagine di grandi dimensioni. Ha anche nessun allineamento.

Image Alignment 1200x400

Un commento massiccio alle immagini per i vostri occhi.

L'immagine qui sopra, benché sia larga 1200px, non deve traboccare dall'area del contenuto. Deve rimanere contenuta senza interrompere in modo visibile il flusso dei contenuti.

Image Alignment 300x200

È bello avere sempre ragione.

E ora ci spostiamo sul tema della allineamento a destra. Anche in questo caso, dovrebbe esserci molto spazio sopra, sotto e a sinistra dell'immagine. Guardatelo lì... Ehi, ragazzo! Il lato destro è perfetto. Non mi interessa cosa dice l'immagine allineata a sinistra, stai benissimo. Non lasciare che qualcuno ti dica il contrario.

Tra un po' si dovrebbe vedere il testo che inizia ad avvolgersi sotto l'immagine allineata a destra e a sistemarsi bene. Dovrebbe esserci ancora molto spazio e tutto dovrebbe essere a posto. Sì... proprio così. Non è mai stato così bello essere nel giusto.

E questo è tutto, yo! Sei sopravvissuto alle acque tumultuose dell'allineamento. Risultato dell'allineamento dell'immagine sbloccato!