Ik ben net begonnen met Markdown. Ik vind het geweldig, maar er is één ding dat me dwarszit: Hoe kan ik de grootte van een afbeelding wijzigen met Markdown?
De documentatie geeft alleen de volgende suggestie voor een afbeelding:
![drawing](drawing.jpg)
Als het mogelijk is, wil ik graag dat de afbeelding ook gecentreerd wordt. Ik vraag naar algemene Markdown, niet alleen hoe GitHub het doet.
Je zou gewoon wat HTML in je Markdown kunnen gebruiken:
<img src="drawing.jpg" alt="drawing" width="200"/>
Of via style
attribuut (niet ondersteund door GitHub)
<img src="drawing.jpg" alt="drawing" style="width:200px;"/>
Of u kunt een aangepast CSS-bestand gebruiken zoals beschreven in dit antwoord op https://stackoverflow.com/questions/255170/markdown-and-image-alignment#answer-5054055
![drawing](drawing.jpg)
CSS in een ander bestand:
img[alt=drawing] { width: 200px; }
Als u kramdown gebruikt, kunt u dit doen:
{:.foo}
![drawing](drawing.jpg)
Voeg dit dan toe aan uw aangepaste CSS:
.foo {
text-align: center;
width: 100px;
}
Je zou deze ook kunnen gebruiken met kramdown:
markdown
![drawing](drawing.jpg)
{:.some-css-class style="width: 200px"}
of
markdown
![drawing](drawing.jpg)
{:.some-css-class width="200"}
Op deze manier kun je direct willekeurige attributen toevoegen aan het laatste html element. Om klassen toe te voegen is er een sneltoets .class.secondclass.