Simon Vetter's Blog

Simon Vetter's Blog

Image Styling für Github Flavored Markdown

Markdown ist eine schöne einfach Möglichkeit Texte zu schreiben ohne von Formatierung abgelenkt zu werden. Ich stoße jedoch häufig an ein paar Probleme was das Bildern angeht und habe deshalb hier das wichtigste zusammengefasst.

Bilder lassen sich am besten anpassen wenn man in markdown nicht die Abkürzung ![](url) nutzt, sondern den html img-Tag einsetzt. Das ermöglicht auch das Setzen der Breite mit width=100 oder der Höhe mit height=100.

<img width=100
src=https://user-images.githubusercontent.com/6299062/124871450-5a823980-dfc4-11eb-8e43-6b941ee81bf8.png>

<img width=100 align=left
src=https://user-images.githubusercontent.com/6299062/124871450-5a823980-dfc4-11eb-8e43-6b941ee81bf8.png>
Das ist der Text der dann rechts davon steht

Das ist der Text der dann rechts davon steht


<img width=100 align=right
src=https://user-images.githubusercontent.com/6299062/124871450-5a823980-dfc4-11eb-8e43-6b941ee81bf8.png>
Der Text der links davon steht

Der Text der links davon steht


Mächte man das der kommende Text erst nach dem links oder recht alignten Bild kommt kann man

<br clear="right" />

bzw.

<br clear="right" />

nutzen

 
Share this