Endre bildestørrelse i Markdown

Jeg kom nettopp i gang med Markdown. Jeg elsker det, men det er en ting som plager meg: Hvordan kan jeg endre størrelsen på et bilde ved hjelp av Markdown?

Dokumentasjonen gir bare følgende forslag til et bilde:

![drawing](drawing.jpg)

Hvis det er mulig, vil jeg at bildet også skal sentreres. Jeg ber om generell Markdown, ikke bare hvordan GitHub gjør det.

Du kan bare bruke litt HTML i Markdown:

![drawing](drawing.jpg)

Eller via style-attributtet (støttes ikke av GitHub)

![drawing](drawing.jpg)

Eller du kan bruke en egendefinert CSS-fil som beskrevet i dette svaret på https://stackoverflow.com/questions/255170/markdown-and-image-alignment#answer-5054055

![drawing](drawing.jpg)

CSS i en annen fil:

img[alt=drawing] { width: 200px; }
Kommentarer (7)

Hvis du bruker kramdown, kan du gjøre dette:

{:.foo}
![drawing](drawing.jpg)

Legg deretter til dette i din egendefinerte CSS:

.foo {
  text-align: center;
  width: 100px;
}
Kommentarer (1)

Du kan også bruke denne med kramdown:

markdown
![drawing](drawing.jpg)   
{:.some-css-class style="width: 200px"}

eller

markdown
![drawing](drawing.jpg)   
{:.some-css-class width="200"}

På denne måten kan du legge til vilkårlige attributter direkte til det siste html-elementet. For å legge til klasser er det en snarvei .class.secondclass.

Kommentarer (0)