【问题标题】: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 会解析里面的文本。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-12-19
      • 2017-05-31
      • 1970-01-01
      • 1970-01-01
      • 2012-07-28
      • 1970-01-01
      • 1970-01-01
      • 2013-11-29
      相关资源
      最近更新 更多