我正在做一个网站,每月发表文章的问题。这很简单,我认为使用Markdown编辑器(如Stack Overflow中的WMD)将是完美的。
然而,他们确实需要在给定的段落中使图像右对齐的能力。
我看不出在目前的体制下有什么办法能做到这一点——有可能吗?
我正在做一个网站,每月发表文章的问题。这很简单,我认为使用Markdown编辑器(如Stack Overflow中的WMD)将是完美的。
然而,他们确实需要在给定的段落中使图像右对齐的能力。
我看不出在目前的体制下有什么办法能做到这一点——有可能吗?
当前回答
我喜欢learnvst使用表格的答案,因为它是相当可读的(这是编写Markdown的一个目的)。
然而,在GitBook的Markdown解析器的情况下,除了一个空标题行,我还必须在它下面添加一个分隔行,以使表能够被识别并正确呈现:
| - | - |
|---|---|
| I am text to the left |  |
|  | I am text to the right |
分隔线至少需要包含三个破折号——。
其他回答
你可以在Markdown中嵌入HTML,所以你可以这样做:
<img style="float: right;" src="whatever.jpg">
Continue markdown text...
<div style="float:left;margin:0 10px 10px 0" markdown="1">

</div>
markdown内部的属性markdown可能性。
嵌入CSS是不好的:

CSS在另一个文件:
img[alt=Flowers] { float: right; }
我喜欢learnvst使用表格的答案,因为它是相当可读的(这是编写Markdown的一个目的)。
然而,在GitBook的Markdown解析器的情况下,除了一个空标题行,我还必须在它下面添加一个分隔行,以使表能够被识别并正确呈现:
| - | - |
|---|---|
| I am text to the left |  |
|  | I am text to the right |
分隔线至少需要包含三个破折号——。
在警告框内,将图像和文本作为单个块中的段落的一部分并排对齐。
<div class="warning" style='background-color:#EDF2F7; color:#1A2067; border-left: solid #718096 4px; border-radius: 4px;'>
<p style='padding:0.7em; margin-left:0.7em; display: inline-block;'>
<img src="typora_images/image-20211028083121348.png" style="zoom:70%; float:right; padding:0.7em"/>
<b>isomorphism</b> → In mathematics, an isomorphism is a structure-preserving mapping between two structures of the same type that can be reversed by an inverse mapping.<br>
</p>
</div>
输出: