降价和图像对齐

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

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

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

当前回答

许多Markdown“额外”处理器支持属性。所以你可以像这样包含一个类名(PHP Markdown Extra):

![Flowers](/flowers.jpeg){.callout}

或者，备用的(我的，Kramdown, Python Markdown):

![Flowers](/flowers.jpeg){: .callout}

然后，当然，您可以以正确的方式使用样式表:

.callout {
    float: right;
}

如果您的文档支持这种语法，那么它将为您提供两全其美的服务:没有嵌入标记，样式表足够抽象，无需内容编辑器修改。

其他回答

这对我很有用

<p align="center">
 <img src="/LogoOfficial.png" width="300" >
</p>

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

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

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

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

Continue markdown text...

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

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

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

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

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

markdown内部的属性markdown可能性。

推荐文章