我正在做一个网站,每月发表文章的问题。这很简单,我认为使用Markdown编辑器(如Stack Overflow中的WMD)将是完美的。
然而,他们确实需要在给定的段落中使图像右对齐的能力。
我看不出在目前的体制下有什么办法能做到这一点——有可能吗?
我正在做一个网站,每月发表文章的问题。这很简单,我认为使用Markdown编辑器(如Stack Overflow中的WMD)将是完美的。
然而,他们确实需要在给定的段落中使图像右对齐的能力。
我看不出在目前的体制下有什么办法能做到这一点——有可能吗?
当前回答
更简洁的方法是将p#给定的img {float: right}放在样式表中,或者放在<head>中并包装在样式标签中。然后,只需使用markdown 。
其他回答
许多Markdown“额外”处理器支持属性。所以你可以像这样包含一个类名(PHP Markdown Extra):
{.callout}
或者,备用的(我的,Kramdown, Python Markdown):
{: .callout}
然后,当然,您可以以正确的方式使用样式表:
.callout {
float: right;
}
如果您的文档支持这种语法,那么它将为您提供两全其美的服务:没有嵌入标记,样式表足够抽象,无需内容编辑器修改。
我喜欢超级懒地用垂直管道(|)语法使用表格来对齐图像。这是支持一些Markdown口味(也支持纺织,如果这浮动你的船):
| I am text to the left |  |
or
|  | I am text to the right |
这不是最灵活的解决方案,但它适合我的大多数简单需求,易于阅读的markdown格式,你不需要记住任何CSS或原始HTML。
最简单的方法是用一个中心标签来包装图像,就像这样…
<center></center>
任何与Markdown有关的东西都可以在这里测试- http://daringfireball.net/projects/markdown/dingus
当然,<center>可能已弃用,但它很简单,而且可以工作!
如果你用Python实现它,有一个扩展可以让你添加HTML键/值对,以及类/id标签。它的语法是:
{: style="float:right"}
或者,如果嵌入式样式不能让你的船浮起来,
{: .floatright}
使用相应的样式表styles .css:
.floatright {
float: right;
/* etc. */
}
你可以直接使用align属性:
<img align="right" width="100" height="100" src="https://images.unsplash.com/photo-1650620109005-099c2de720f8?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwxM3x8fGVufDB8fHx8&auto=format&fit=crop&w=500&q=60">