如何在 GitHub README 中使用 Markdown 呈现多列？

Question

为了在三列中呈现项目，我尝试将以下 CSS3 指令添加到我项目的 README.md 文件中，但样式被删除：

<div style="-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-rule: 1px dotted #e0e0e0; -moz-column-rule: 1px dotted #e0e0e0; column-rule: 1px dotted #e0e0e0;">
    <div style="display: inline-block;">
        <!-- first column's content -->
    </div>
    <div style="display: inline-block;">
        <!-- second column's content -->
    </div>
    <div style="display: inline-block;">
        <!-- third column's content -->
    </div>
</div>

此样式在 GitHub 的 Markdown 处理之外正常工作。如何将数据放入 Markdown 文档的多个列中？请注意，我不关心对 IE 浏览器的支持，也不关心 IE 是否呈现单个列（无论如何，我的软件项目不适用于 Windows 客户端）。

Answer 1

GitHub-风味降价only permits certain allow-listed tags and attributes in inline HTML:

HTML

You can use a subset of HTML within your READMEs, issues, and pull requests.

A full list of our supported tags and attributes can be found in the README for github/markup.

关于 <div> 标签，README 说除了一般属性白名单之外，只有 itemscope 和 itemtype 属性被列入白名单：

abbr, accept, accept-charset, accesskey, action, align, alt, axis, border, cellpadding, cellspacing, char, charoff, charset, checked, cite, clear, cols, colspan, color, compact, coords, datetime, dir, disabled, enctype, for, frame, headers, height, hreflang, hspace, ismap, label, lang, longdesc, maxlength, media, method, multiple, name, nohref, noshade, nowrap, prompt, readonly, rel, rev, rows, rowspan, rules, scope, selected, shape, size, span, start, summary, tabindex, target, title, type, usemap, valign, value, vspace, width, itemprop

没有标签支持 style 属性。

除非你能破解一些东西以及 README 中列出的标签和属性，否则我认为你会发现你运气不好。

另一种方法是建立一个 GitHub Pages 站点，这似乎更加灵活。

如何在 GitHub README 中使用 Markdown 呈现多列？

How to render multiple columns with Markdown in GitHub README?

css

github

markdown

HTML