降价和图像alignment
我正在制作一个每月发布文章的网站。 这很简单，我认为使用一个markdown编辑器（就像这里的StackOverflow中的wmd）是完美的。
但是， 他们确实需要能够在给定的段落中右alignment图像 。
我看不出有什么办法可以做到这一点与目前的系统 – 是否有可能？
你可以在Markdown中embeddedHTML，所以你可以这样做：
<img style="float: right;" src="whatever.jpg"> Continue markdown text... 许多Markdown“额外”处理器支持属性。 所以你可以像这样（PHP Markdown Extra）包含一个类名：
{.callout}
或者（ Maruku ， Kramdown ， Python Markdown ）：
{: .callout}
那么，当然，您可以使用正确的方式使用样式表：
.callout { float: right; }
如果你的支持这个语法，它给你两全其美：没有embedded式标记和一个样式表足够抽象，不需要你的内容编辑器修改。
embeddedCSS是不好的：
另一个文件中的CSS：
img[alt=Flowers] { float: right; }
我发现纯粹的Markdown的一个很好的解决scheme，用一点CSS3黑客 🙂
  
按照CSS3代码浮动图像的左侧或右侧，当图像alt结束<或> 。
img[alt$=">"] { float:right; } img[alt$="<"] { float:left; } img[alt$="<>"] { display: block; max-width: 100%; height: auto; margin: auto; float: none!important; }
我喜欢通过使用表格来将图像与垂直pipe道（ | ）语法alignment，从而成为超级懒人。 这是由一些减价口味（并支持纺织，如果漂浮你的船）
| I am text to the left |  |
要么
|  | I am text to the right |
不是最灵活的解决scheme，但它对我的大多数简单需求都很好，可以很容易地以markdown格式读取，而且不需要记住任何CSS或原始HTML。
即使更干净，只要将p#given img { float: right }放在样式表中，或者放在<head>并且包装在style标签中。 然后，只需使用markdown  。
<div style="float:left;margin:0 10px 10px 0" markdown="1">  </div>
降价内部属性降价的可能性。
如果你在Python中实现它，有一个扩展名可以让你添加html键/值对和class / id标签。 语法是这样的：
{: style="float:right"}
或者，如果embedded式造型不能让你的船漂浮，
{: .floatright}
与相应的样式表中的stylish.css ：
.floatright { float: right; /* etc. */ }
正如格雷格说，你可以embedded在降价的HTML ..但降价的一点是避免必须有广泛（或任何，对于这个问题）的CSS / HTML标记的知识是正确的？ 这就是我所做的：
在我的markdown文件中，我只是简单地指示我的所有wiki编辑器embedded所有的图像，看起来像这样
'<div> // put image here </div>`
（当然，他们不知道什么<div>意思，但这不应该问题）
所以降价文件看起来像这样：
<div> ![optional img description][1] </div> [1]: /image/path
并在包装整个页面的CSS我可以做任何我想要的图像标签：
img { float: right; }
当然你可以用CSS来做更多的事情（在这种情况下，使用div封装img可以防止其他文本对图像进行包装..虽然这只是一个例子），但恕我直言， 减价的重点是，不希望潜在的非技术人员进入css / html的来龙去脉。这取决于你作为一个web开发，让你的CSS包装页面尽可能通用和干净，但是，然后再次你的编辑不需要知道这一点。
我喜欢learnvst使用表的答案 ，因为它非常易读（这是编写Markdown的一个目的）。
然而，在GitBook的Markdownparsing器的情况下，我不得不除了一个空的标题行之外，在它下面添加一个分隔线，以便对表进行识别和正确呈现：
| - | - | |---|---| | I am text to the left |  | |  | I am text to the right |
分隔线需要至less包含三个破折号--- 。
我有上面使用alt标签上的ALT标签和CSSselect器的方法的替代方法。相反，添加一个URL哈希像这样：
首先你的降价图片代码：
请注意添加的url哈希＃中心。
现在使用CSS3属性select器在CSS中添加此规则以select具有特定path的图像。
img[src*='#center'] { display: block; margin: auto; }
你应该能够像这样使用一个url哈希值，就像定义类名一样，它不像ALT标记的滥用，就像一些人为解决scheme所评论的那样。 它也不需要任何额外的扩展。 做一个浮动左右，或任何其他风格，你可能想要的。
最简单的是将图像包裹在中心标签中，就像这样…
<center></center>
任何与Markdown有关的事情都可以在这里testing – http://daringfireball.net/projects/markdown/dingus
当然， <center>可能会被弃用，但它很简单，它的工作原理！
