我正在做一个网站,每月发表文章的问题。这很简单,我认为使用Markdown编辑器(如Stack Overflow中的WMD)将是完美的。
然而,他们确实需要在给定的段落中使图像右对齐的能力。
我看不出在目前的体制下有什么办法能做到这一点——有可能吗?
我正在做一个网站,每月发表文章的问题。这很简单,我认为使用Markdown编辑器(如Stack Overflow中的WMD)将是完美的。
然而,他们确实需要在给定的段落中使图像右对齐的能力。
我看不出在目前的体制下有什么办法能做到这一点——有可能吗?
当前回答
为了使图像稍微缩进一点,只需在img元素中使用一些不间断的空格。例如: <img src="https://user-images.githubusercontent.com/123456/123456789-3aabedfe-deab-4242-97a0-a6641e675e68.png" />
其他回答
你可以在Markdown中嵌入HTML,所以你可以这样做:
<img style="float: right;" src="whatever.jpg">
Continue markdown text...
<div style="float:left;margin:0 10px 10px 0" markdown="1">
![book](/images/book01.jpg)
</div>
markdown内部的属性markdown可能性。
更简洁的方法是将p#给定的img {float: right}放在样式表中,或者放在<head>中并包装在样式标签中。然后,只需使用markdown ![Alt text](/path/to/img.jpg)。
如果你用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. */
}
最简单的方法是用一个中心标签来包装图像,就像这样…
<center>![Alt test](http://upload.wikimedia.org/wikipedia/en/b/bc/Wiki.png)</center>
任何与Markdown有关的东西都可以在这里测试- http://daringfireball.net/projects/markdown/dingus
当然,<center>可能已弃用,但它很简单,而且可以工作!