【问题标题】:Float an image next to a table in GitHub-flavored Markdown在 GitHub 风格的 Markdown 中将图像浮动到表格旁边
【发布时间】:2018-01-27 13:32:21
【问题描述】:

this README.md 的顶部(this page 的顶部的原始代码),我试图在 Markdown 表旁边浮动图像。我在img 中使用float 样式属性和align 属性的努力没有成功。

【问题讨论】:

    标签: html css markdown github-flavored-markdown


    【解决方案1】:

    只要您的文档托管在 GitHub 上,您就不能。

    如 GitHub 的 Markup 库中所述,在将 Markdown 转换为 HTML 后,...

    HTML 已经过净化,会积极删除可能对您和您的家人造成伤害的内容,例如script 标签、内联样式和classid 属性。有关完整的白名单,请参阅 sanitization filter

    换句话说,您在 Markdown 中包含的任何“样式”文档(style 标签、内联样式等)都将被清理程序删除。如果您想控制文档的外观和样式,则需要将它们托管在您可以完全控制的地方。 GitHub 不是那个地方。

    【讨论】:

      【解决方案2】:

      你的桌子有width:100% 并且不会放任何元素。尝试将其宽度更改为width :auto 并从块显示为display:inline-block。另外,将图像容器更改为display:inline-block

      【讨论】:

      • 我真的很想这样做,但是表格是用markdown写的,而不是直接用html写的。如何设置降价表的样式?
      • @landau : 将表格标记放在一个 div 中,并将这个 CSS 添加到容器 div 中。
      • 我试过了,但不幸的是,表格没有呈现并且CSS被忽略了。
      猜你喜欢
      • 2011-12-15
      • 2013-04-03
      • 2018-10-08
      • 2018-06-20
      • 1970-01-01
      • 2013-07-14
      • 2015-12-02
      • 2018-07-17
      • 1970-01-01
      相关资源
      最近更新 更多