Markup: allineamento dell'immagine

on
Categories: Marcatura

Benvenuto nell'allineamento delle immagini! Il modo migliore per dimostrare il flusso e il riflusso delle varie opzioni di posizionamento dell'immagine è 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 NessunoSono partitiDestra, Centro. Inoltre, ottengono anche le opzioni di MiniaturamedioDi grandi dimensioni & Dimensione piena.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla porta neque vitae molestie feugiat.

L'immagine sopra sembra essere centrato.

“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.”

Il resto di questo paragrafo è di riempimento per vedere il testo avvolgere l'immagine 150×150, che è allineato a sinistra.

Come puoi vedere, dovrebbe esserci uno spazio sopra, sotto ea destra dell'immagine. Il testo non dovrebbe strisciare sull'immagine. Strisciare non è giusto. Anche le immagini hanno bisogno di respiro. Lascia che parlino come te parole. Lascia che facciano il loro lavoro senza problemi dal testo. In circa un'altra frase qui, vedremo che il testo si sposta dalla destra dell'immagine in basso sotto l'immagine in una transizione senza soluzione di continuità. . Lascia che parlino come te parole. Lascia che facciano il loro lavoro senza problemi dal testo. In circa un'altra frase qui, vedremo che il testo si sposta dalla destra dell'immagine in basso sotto l'immagine in una transizione senza soluzione di continuità. Ancora una volta, lasciare che lo faccia è grazie. Missione compiuta!

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

L'immagine qui sopra, anche se larga 1200px, non deve eccedere l'area del contenuto. Dovrebbe rimanere contenuto senza alcuna interruzione visibile del flusso di contenuti.

E ora sposteremo le cose al allineare a destra. Ancora una volta, dovrebbe esserci molto spazio sopra, sotto ea sinistra dell'immagine. Guardalo lì... Ehi ragazzo! Modo per dondolare 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 qui, dovresti vedere il testo iniziare ad avvolgersi sotto l'immagine allineata a destra e sistemarsi bene. Ci dovrebbe essere ancora molto spazio e tutto dovrebbe essere seduto bene. Sì... Proprio così. Non è mai stato così bello avere ragione.

E proprio quando pensavi che avessimo finito, li rifaremo di nuovo con i sottotitoli!

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

E questo è un involucro, yo! Sei sopravvissuto alle acque tumultuose dell'allineamento. Obiettivo di allineamento dell'immagine sbloccato!