Markup: Allineamento delle immagini

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.

Allineamento immagini 580x300

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

Allineamento immagini 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.

Allineamento immagini 1200x400

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

Allineamento immagini 300x200

E ora ci spostiamo sul tema della allineamento corretto. 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!

Allineamento immagini 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.

Allineamento immagini 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.

Allineamento immagini 1200x400
Un commento massiccio alle immagini per i vostri occhi.

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

Allineamento immagini 300x200
È bello avere sempre ragione.

E ora ci spostiamo sul tema della allineamento corretto. 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!