Question

我在GitHub上的README.MD文件中有以下HTML代码段：

<footer>
<p style="float:left; width: 20%;">
Copyright © Jonathan Gossage, 2018
</p>
<p style="float:left; width: 60%; text-align:center;">
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a><br />This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a>
</p>
<p style="float:left; width: 20%;">
Email addresses will be added when they are setup.
</p>
</footer>

此代码旨在在HTML页脚中并排显示3个部分。此代码在我的Markdown编辑器的预览窗口中工作，当它被放置在标准HTML文档中并由谷歌浏览器显示时就会出现。

不幸的是，当GitHub将代码呈现为HTML时，页脚会显示为垂直显示的三个部分。我也尝试使用<div>代替<footer>，结果相同。

有人可以建议我如何在GitHub README.MD文件中并排显示这些部分吗？

Answer 1

GitHub将HTML中的多个标记和属性（包括内联样式）作为其processing of Markdown files的一部分进行删除：

对HTML进行清理，积极删除可能会伤害您和您的亲属的内容，例如script代码，内联样式以及class或id属性。有关完整的白名单，请参阅sanitization filter。

据我所知，除了使用表格之外，无法在README.md个文件的列中呈现内容。

另见How to render multiple columns with Markdown in GitHub README?

未能并排显示3个部分

1 个答案: