Kramdown: Wie kann ich den Speicherort des Bildes festlegen?

Question

Wie in den Syntax Reference von Kramdown beschrieben, wir die Höhe und Breite Größe des Bildes, wie die unten einstellen:

Here is an inline ![smiley](smiley.png){:height="36px" width="36px"}.

Aber wie kann ich die Position des Bildes, wie Set align=center?

Answer 1

align=center ist veraltet. Jetzt sollten Sie besser CSS verwenden.

Um dies zu erreichen, müssen Sie Ihr Bild in eine html block element setzen. Ihr Code kann sein:

<div class="img_container"> 
![Me]({{site.baseurl}}/img/me.jpg){: height="36px" width="36px"} 
</div> 

in Ihrem CSS hinzufügen:

.img_container{ 
    text-align: center; 
} 

Und um kramdown zu anweisen, innerhalb Block HTML-Elemente, in _config.yml zu analysieren, fügen:

kramdown: 
    parse_block_html: true 

Ihr Bild ist jetzt in seinem übergeordneten Block zentriert.