降价和图像对齐

我正在做一个网站，每月发表文章的问题。这很简单，我认为使用Markdown编辑器(如Stack Overflow中的WMD)将是完美的。

然而，他们确实需要在给定的段落中使图像右对齐的能力。

我看不出在目前的体制下有什么办法能做到这一点——有可能吗?

当前回答

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

markdown内部的属性markdown可能性。

其他回答

最佳和最可定制的选项:

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

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

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

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

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

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

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

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

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

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

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

嵌入CSS是不好的:

![Flowers](/flowers.jpeg)

CSS在另一个文件:

img[alt=Flowers] { float: right; }

推荐文章