css3 – 如何在GitHub自述文件中使用Markdown渲染多个列？

为了呈现三列中的项目,我尝试将以下 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客户端上都不起作用).

GitHub-Flavored Markdown only permits certain whitelisted 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 07001.

关于< 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站点,这似乎更灵活.