Markdown 和图像对齐

Question

我正在制作一个网站，每个月都会在问题中发布文章。这很简单，我认为使用 Markdown 编辑器（如 Stack Overflow 中的 WMD 编辑器）将是完美的。

但是， 他们确实需要在给定段落中使图像右对齐的能力。

我看不到使用当前系统的方法 - 有可能吗？

原文由 Jedidja 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以在 Markdown 中嵌入 HTML，因此您可以执行以下操作：

 <img style="float: right;" src="whatever.jpg">

Continue markdown text...

原文由 Greg Hewgill 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

我用一点 CSS 3 hack 在 纯 Markdown 中找到了一个很好的解决方案:-)

 ![image alt >](/image-right.jpg)
![image alt <](/image-left.jpg)
![image alt ><](/center-image.jpg)

遵循左侧或右侧的 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;
}

原文由 OzzyCzech 发布，翻译遵循 CC BY-SA 4.0 许可协议