降价和图像对齐

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

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

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

当前回答

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

其他回答

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

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

Continue markdown text...

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

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

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

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

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

markdown内部的属性markdown可能性。

这对我很有用

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

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

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

推荐文章