使用浮动图像编码 Markdown答案

【问题标题】：Coding Markdown With a Floating Image使用浮动图像编码 Markdown
【发布时间】：2019-04-13 00:58:50
【问题描述】：

我正在使用MDwiki 在我的用户文档中呈现降价。我想添加向右浮动的图像。所以我的降价中有以下内容：

Test test test.

<img src="/UserGuide/pictures/Dashboard.png" alt="DashBoard" 
     style="float: right; max-width: 50%;"></img>

Next next next.

所以我得到了图像，它可以正确缩放，并且在屏幕上也可以正确调整，但是文本只出现在它的上方和下方，而不是在它的左侧。还有什么要补充的吗？

我正在使用 HTML img 标签而不是 markdown ![txt](x.png) 结构，因为我想不出任何方法来应用这些样式。

这可能是 MDwiki 魔法的问题。我注意到它确实处理了 img 标记，以便可以点击放大视图。

【问题讨论】：

标签： markdown

【解决方案1】：

为了我所在的任何人的利益：

这行得通：

<p style="max-width: 50%; float: right;">
![Alt Picture Text](something.png "The Caption Of Something")
</p>

MDwiki 使用 p 标记作为其图像结构的容器，因此上述问题中的 CSS 不会影响它。所以这会在容器周围创建一个容器，MDwiki 会解析里面的文本。

【讨论】：