我正在做一个网站,每月发表文章的问题。这很简单,我认为使用Markdown编辑器(如Stack Overflow中的WMD)将是完美的。
然而,他们确实需要在给定的段落中使图像右对齐的能力。
我看不出在目前的体制下有什么办法能做到这一点——有可能吗?
我正在做一个网站,每月发表文章的问题。这很简单,我认为使用Markdown编辑器(如Stack Overflow中的WMD)将是完美的。
然而,他们确实需要在给定的段落中使图像右对齐的能力。
我看不出在目前的体制下有什么办法能做到这一点——有可能吗?
当前回答
我喜欢learnvst使用表格的答案,因为它是相当可读的(这是编写Markdown的一个目的)。
然而,在GitBook的Markdown解析器的情况下,除了一个空标题行,我还必须在它下面添加一个分隔行,以使表能够被识别并正确呈现:
| - | - |
|---|---|
| I am text to the left | ![Flowers](/flowers.jpeg) |
| ![Flowers](/flowers.jpeg) | I am text to the right |
分隔线至少需要包含三个破折号——。
其他回答
嵌入CSS是不好的:
![Flowers](/flowers.jpeg)
CSS在另一个文件:
img[alt=Flowers] { float: right; }
许多Markdown“额外”处理器支持属性。所以你可以像这样包含一个类名(PHP Markdown Extra):
![Flowers](/flowers.jpeg){.callout}
或者,备用的(我的,Kramdown, Python Markdown):
![Flowers](/flowers.jpeg){: .callout}
然后,当然,您可以以正确的方式使用样式表:
.callout {
float: right;
}
如果您的文档支持这种语法,那么它将为您提供两全其美的服务:没有嵌入标记,样式表足够抽象,无需内容编辑器修改。
你可以在Markdown中嵌入HTML,所以你可以这样做:
<img style="float: right;" src="whatever.jpg">
Continue markdown text...
这对我很有用
<p align="center">
<img src="/LogoOfficial.png" width="300" >
</p>
我喜欢超级懒地用垂直管道(|)语法使用表格来对齐图像。这是支持一些Markdown口味(也支持纺织,如果这浮动你的船):
| I am text to the left | ![Flowers](/flowers.jpeg) |
or
| ![Flowers](/flowers.jpeg) | I am text to the right |
这不是最灵活的解决方案,但它适合我的大多数简单需求,易于阅读的markdown格式,你不需要记住任何CSS或原始HTML。