Gre*_*ill 171
您可以在Markdown中嵌入HTML,因此您可以执行以下操作:
<img style="float: right;" src="whatever.jpg">
Continue markdown text...
ger*_*itz 53
许多Markdown"额外"处理器支持属性.所以你可以包含类似的类名(PHP Markdown Extra):
{.callout}
或者,(Maruku,Kramdown,Python Markdown):
{: .callout}
然后,当然,您可以使用样式表正确的方式:
.callout {
float: right;
}
如果您的语法支持这种语法,它将为您提供两全其美的优势:无嵌入式标记,以及足以不需要由内容编辑器修改的样式表摘要.
Ozz*_*ech 44
我在纯Markdown中找到了一个很好的解决方案,带有一点CSS 3 hack :-)
在左边或右边跟随CSS 3代码浮动图像,当image alt结束时带<或>.
img[alt$=">"] {
float: right;
}
img[alt$="<"] {
float: left;
}
img[alt$="><"] {
display: block;
max-width: 100%;
height: auto;
margin: auto;
float: none!important;
}
tre*_*mor 24
我有一个替代上面使用ALT标记和alt标记上的CSS选择器的方法...而是添加这样的URL哈希:
首先是你的Markdown图像代码:
请注意添加的URL哈希#center.
现在使用CSS 3属性选择器在CSS中添加此规则,以选择具有特定路径的图像.
img[src*='#left'] {
float: left;
}
img[src*='#right'] {
float: right;
}
img[src*='#center'] {
display: block;
margin: auto;
}
您应该能够使用像这样的URL哈希,就像定义类名一样,并不像有些人对该解决方案所评论的那样滥用ALT标记.它也不需要任何额外的扩展.做一个左右浮动或你可能想要的任何其他样式.
小智 23
嵌入CSS很糟糕:
另一个文件中的CSS:
img[alt=Flowers] { float: right; }
lea*_*vst 22
我喜欢通过使用表格将图像与垂直管道(|)语法对齐来超级懒惰.一些Markdown口味支持这一点(如果漂浮你的船,也支持纺织品):
| I am text to the left |  |
要么
|  | I am text to the right |
它不是最灵活的解决方案,但它对我的大多数简单需求都有好处,易于以降价格式阅读,而且您不需要记住任何CSS或原始HTML.
ma1*_*w28 10
更p#given img { float: right }简洁的只是放入样式表,或者<head>包含在style标签中.然后,只需使用降价.
小智 8
<div style="float:left;margin:0 10px 10px 0" markdown="1">
</div>
markdownMarkdown中的属性可能性.
如果您在Python中实现它,则有一个扩展,允许您添加HTML键/值对和类/ ID标签.语法是这样的:
{: style="float:right"}
或者,如果嵌入式造型不能漂浮你的船,
{: .floatright}
使用相应的样式表stylish.css:
.floatright {
float: right;
/* etc. */
}
小智 7
我喜欢learnvst使用表格的答案,因为它非常易读(这是编写Markdown的一个目的).
但是,在GitBook的Markdown解析器的情况下,除了空标题行之外,我还必须在其下添加一个分隔线,以便表格被识别并正确呈现:
| - | - |
|---|---|
| I am text to the left |  |
|  | I am text to the right |
分隔线需要包括至少三个破折号---.