Markup: Afbeelding uitlijnen
Welkom bij beelduitlijning! De beste manier om de eb en vloed van de verschillende opties voor beeldpositionering te demonstreren, is door ze lekker te nestelen tussen een oceaan van woorden. Pak een peddel en laten we aan de slag gaan.
Over het onderwerp uitlijning, Opgemerkt moet worden dat gebruikers kunnen kiezen uit de opties van Geen, Links, Rechtsaf, en Centrum. Daarnaast, ze krijgen ook de opties van Thumbnail, Medium, Groot & Fullsize.
De afbeelding hierboven is toevallig gecentreerd.
De rest van deze paragraaf is opvulling om de tekst rond de 150 te zien lopen×150 beeld, dat is Links uitgelijnd.
Zoals je kunt zien, moet er wat ruimte boven zijn, hieronder, en aan de rechterkant van de afbeelding. De tekst mag niet over de afbeelding kruipen. Kruipen is gewoon niet goed. Afbeeldingen hebben ook ademruimte nodig. Laat ze spreken zoals jij woorden. Laat ze hun werk doen zonder gedoe met de tekst. In ongeveer nog een zin hier, we zullen zien dat de tekst van de rechterkant van de afbeelding naar beneden beweegt in een naadloze overgang onder de afbeelding. Opnieuw, het laten doen is thang. Missie volbracht!
En nu voor een enorm grote afbeelding. Het heeft ook geen uitlijning.
De afbeelding hierboven, hoewel 1200px breed, mag het inhoudsgebied niet overstromen. Het moet ingesloten blijven zonder zichtbare verstoring van de inhoudsstroom.
En nu gaan we dingen verschuiven naar de rechts uitlijnen. Opnieuw, er moet boven voldoende ruimte zijn, hieronder, en aan de linkerkant van de afbeelding. Kijk hem daar maar eens aan… Hey Dude! Manier om die rechterkant te rocken. Het kan me niet schelen wat de links uitgelijnde afbeelding zegt, je ziet er goed uit. Laat niemand anders je iets anders vertellen.
Even hier, je zou moeten zien dat de tekst begint te lopen onder de rechts uitgelijnde afbeelding en mooi tot rust komt. Er moet nog steeds voldoende ruimte zijn en alles moet mooi zitten. Ja… Gewoon zo. Het voelde nog nooit zo goed om gelijk te hebben.
En net toen je dacht dat we klaar waren, we gaan ze allemaal opnieuw doen met bijschriften!
De afbeelding hierboven is toevallig gecentreerd. Het bijschrift bevat ook een link, gewoon om te zien of het iets funky doet.
De rest van deze paragraaf is opvulling om de tekst rond de 150 te zien lopen×150 beeld, dat is Links uitgelijnd.
Zoals je kunt zien, moet er wat ruimte boven zijn, hieronder, en aan de rechterkant van de afbeelding. De tekst mag niet over de afbeelding kruipen. Kruipen is gewoon niet goed. Afbeeldingen hebben ook ademruimte nodig. Laat ze spreken zoals jij woorden. Laat ze hun werk doen zonder gedoe met de tekst. In ongeveer nog een zin hier, we zullen zien dat de tekst van de rechterkant van de afbeelding naar beneden beweegt in een naadloze overgang onder de afbeelding. Opnieuw, het laten doen is thang. Missie volbracht!
En nu voor een enorm grote afbeelding. Het heeft ook geen uitlijning.
De afbeelding hierboven, hoewel 1200px breed, mag het inhoudsgebied niet overstromen. Het moet ingesloten blijven zonder zichtbare verstoring van de inhoudsstroom.
En nu gaan we dingen verschuiven naar de rechts uitlijnen. Opnieuw, er moet boven voldoende ruimte zijn, hieronder, en aan de linkerkant van de afbeelding. Kijk hem daar maar eens aan… Hey Dude! Manier om die rechterkant te rocken. Het kan me niet schelen wat de links uitgelijnde afbeelding zegt, je ziet er goed uit. Laat niemand anders je iets anders vertellen.
Even hier, je zou moeten zien dat de tekst begint te lopen onder de rechts uitgelijnde afbeelding en mooi tot rust komt. Er moet nog steeds voldoende ruimte zijn en alles moet mooi zitten. Ja… Gewoon zo. Het voelde nog nooit zo goed om gelijk te hebben.
Klaar is kees, ik! Je hebt de tumultueuze wateren van afstemming overleefd. Prestatie van beelduitlijning ontgrendeld!