最佳和最可定制的选项:

<div style="display:flex; align-items: center;"> <div style="flex:1"> <img src="https://www.researchgate.net/profile/Jinsong-Chong/publication/233165295/figure/fig5/AS:667635838640135@1536188196882/Initial-contour-Figure-9-Detection-result-in-low-resolution-image-in-low-resolution-image.ppm"/> </div> <div style="flex:1;padding-left:10px;"> <img src="https://www.researchgate.net/profile/Miguel-Vega-4/publication/228966464/figure/fig1/AS:669376512544781@1536603205341/a-Observed-low-resolution-multispectral-image-b-Panchromatic-image-c.ppm" /> </div> </div>

这将使第一个对齐到左边，第二个对齐到右边。也适用于2张以上的图像。

你可以在Markdown中嵌入HTML，所以你可以这样做:

<img style="float: right;" src="whatever.jpg">

Continue markdown text...

最简单的方法是用一个中心标签来包装图像，就像这样…

<center>![Alt test](http://upload.wikimedia.org/wikipedia/en/b/bc/Wiki.png)</center>

任何与Markdown有关的东西都可以在这里测试- http://daringfireball.net/projects/markdown/dingus

当然，<center>可能已弃用，但它很简单，而且可以工作!

我有一个替代方法上面使用ALT标签和CSS选择器在ALT标签…相反，添加这样的URL散列:

首先你的Markdown图像代码:

![my image](/img/myImage.jpg#left)
![my image](/img/myImage.jpg#right)
![my image](/img/myImage.jpg#center)

注意添加的URL哈希#中心。

现在在CSS中添加这个规则，使用css3属性选择器来选择具有特定路径的图像。

img[src*='#left'] {
    float: left;
}
img[src*='#right'] {
    float: right;
}
img[src*='#center'] {
    display: block;
    margin: auto;
}

您应该能够像定义类名一样使用URL散列，而不是像某些人评论的解决方案那样滥用ALT标记。它也不需要任何额外的扩展。为左右浮动也做一个，或者任何你想要的样式。

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

<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">

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