Kramdown：我如何设置图像的位置？

Question

如Syntax Reference的Kramdown所述，我们可以设置图片的高度和宽度尺寸，如下所示：

  

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

但是如何设置图像的位置，例如设置align=center？

Answer 1

align=center已弃用。现在你最好使用CSS。

为了实现这一目标，您需要将图像放在html block element中。 您的代码可以是：

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

在你的CSS中，添加：

.img_container{
  text-align: center;
}

并且，为了指示kramdown解析块html元素，在_config.yml中添加：

kramdown:
  parse_block_html: true

您的图片现在以其父块为中心。