Ändern der Bildgröße in Markdown

Ich habe gerade mit Markdown angefangen. Ich liebe es, aber es gibt eine Sache, die mich stört: Wie kann ich die Größe eines Bildes mit Markdown ändern?

Die Dokumentation gibt nur den folgenden Vorschlag für ein Bild:

![drawing](drawing.jpg)

Wenn es möglich ist, möchte ich, dass das Bild auch zentriert wird. Ich frage nach allgemeinem Markdown, nicht nur danach, wie GitHub es macht.

Matthias Braun
Bearbeitete Frage 14. Mai 2019 в 10:29
Programmierung
image markdown
3. Februar 2013 в 6:42
108 Aufrufe

Sie könnten einfach etwas HTML in Ihrem Markdown verwenden:

![drawing](drawing.jpg)

Oder per style-Attribut (nicht unterstützt von GitHub)

![drawing](drawing.jpg)

Oder Sie könnten eine eigene CSS-Datei verwenden, wie in dieser Antwort auf https://stackoverflow.com/questions/255170/markdown-and-image-alignment#answer-5054055 beschrieben.

![drawing](drawing.jpg)

CSS in einer anderen Datei:

img[alt=drawing] { width: 200px; }
Tieme
Bearbeitete Antwort 1. Mai 2019 в 9:19
Kommentare (7)

Wenn Sie kramdown verwenden, können Sie dies tun:

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

Dann fügen Sie dies zu Ihrem benutzerdefinierten CSS hinzu:

.foo {
  text-align: center;
  width: 100px;
}
Peter Mortensen
Bearbeitete Antwort 16. Oktober 2016 в 3:31
Kommentare (1)

Sie können diese auch mit kramdown verwenden:

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

oder

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

Auf diese Weise können Sie dem letzten HTML-Element direkt beliebige Attribute hinzufügen. Zum Hinzufügen von Klassen gibt es eine Abkürzung .class.secondclass.

Majid Golshadi
Bearbeitete Antwort 10. August 2014 в 7:34
Kommentare (0)