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

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

Continue markdown text...

我发现了一个很好的解决方案在纯Markdown与一个小css3 hack:-)

![image alt >](/image-right.jpg)
![image alt <](/image-left.jpg)
![image alt ><](/center-image.jpg)

当图像alt以<或>结束时，遵循css3代码浮动图像在左侧或右侧。

img[alt$=">"] {
  float: right;
}

img[alt$="<"] {
  float: left;
}

img[alt$="><"] {
  display: block;
  max-width: 100%;
  height: auto;
  margin: auto;
  float: none!important;
}

我喜欢超级懒地用垂直管道(|)语法使用表格来对齐图像。这是支持一些Markdown口味(也支持纺织，如果这浮动你的船):

| I am text to the left  | ![Flowers](/flowers.jpeg) |

or

| ![Flowers](/flowers.jpeg) | I am text to the right |

这不是最灵活的解决方案，但它适合我的大多数简单需求，易于阅读的markdown格式，你不需要记住任何CSS或原始HTML。

我有一个替代方法上面使用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标记。它也不需要任何额外的扩展。为左右浮动也做一个，或者任何你想要的样式。

正如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内容包装的页面尽可能一般和干净，但你的编辑不需要知道这一点。

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

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

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

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