我有同样的任务，我把我的图像向右对齐，添加了这个:

<div style="text-align: right"><img src="/default/image/sms.png" width="100" /></div>

要将图像对齐到左侧或中心，请替换

<div style="text-align: right">

with

<div style="text-align: center">
<div style="text-align: left">

在警告框内，将图像和文本作为单个块中的段落的一部分并排对齐。

<div class="warning" style='background-color:#EDF2F7; color:#1A2067; border-left: solid #718096 4px; border-radius: 4px;'>
<p style='padding:0.7em; margin-left:0.7em; display: inline-block;'>
<img src="typora_images/image-20211028083121348.png" style="zoom:70%;  float:right; padding:0.7em"/>
<b>isomorphism</b>  &rarr;  In mathematics, an isomorphism is a structure-preserving mapping between two structures of the same type that can be reversed by an inverse mapping.<br>
</p>
</div>

输出:

正如greg所说，你可以在Markdown中嵌入HTML内容，但Markdown的要点之一是避免必须有广泛的(或任何，就此而言)CSS/HTML标记知识，对吗?这就是我所做的:

在我的Markdown文件中，我简单地指示我所有的wiki编辑将所有图像嵌入包装，看起来像这样:

'<div> // Put image here  </div>`

(当然. .他们不知道<div>意味着什么，但这并不重要)

所以Markdown文件看起来是这样的:

<div>
![optional image description][1]
</div>

[1]: /image/path

在CSS内容包装整个页面，我可以做任何我想对图像标签:

img {
   float: right;
}

当然你可以用CSS内容做更多的事情…(在这种特殊情况下，用div包装img标签可以防止其他文本对图像进行包装……虽然这只是一个例子)，但IMHO Markdown的重点是你不希望潜在的非技术人员进入CSS/HTML的里里外外。这是由你作为一个web开发人员，使你的CSS内容包装的页面尽可能一般和干净，但你的编辑不需要知道这一点。

<div style="float:left;margin:0 10px 10px 0" markdown="1">
    ![book](/images/book01.jpg)
</div>

markdown内部的属性markdown可能性。

为了使图像稍微缩进一点，只需在img元素中使用一些不间断的空格。例如:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="https://user-images.githubusercontent.com/123456/123456789-3aabedfe-deab-4242-97a0-a6641e675e68.png" />

我认为最简单的解决方案是直接指定align="right":

<img align="right" src=/logo.png" alt="logo" width="100"/>