降价和图像对齐

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

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

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

当前回答

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

markdown内部的属性markdown可能性。

其他回答

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

markdown内部的属性markdown可能性。

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

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

更简洁的方法是将p#给定的img {float: right}放在样式表中，或者放在<head>中并包装在样式标签中。然后，只需使用markdown ![Alt text](/path/to/img.jpg)。

我喜欢learnvst使用表格的答案，因为它是相当可读的(这是编写Markdown的一个目的)。

然而，在GitBook的Markdown解析器的情况下，除了一个空标题行，我还必须在它下面添加一个分隔行，以使表能够被识别并正确呈现:

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

分隔线至少需要包含三个破折号——。

如果你用Python实现它，有一个扩展可以让你添加HTML键/值对，以及类/id标签。它的语法是:

![A picture of a cat](cat.png){: style="float:right"}

或者，如果嵌入式样式不能让你的船浮起来，

![A picture of a cat](cat.png){: .floatright}

使用相应的样式表styles .css:

.floatright {
    float: right;
    /* etc. */
}

推荐文章