如何在GitHub README中使用Markdown渲染多列？

Question

为了将项目中的元素渲染成三列，我尝试在项目的README.md文件中添加以下CSS3指令，但是样式被剥离了：

<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客户端上运行）。

- Alex Reynolds

Answer 1

GitHub-Flavored Markdown（GitHub特有的Markdown）仅允许在行内HTML中使用某些白名单标签和属性：

HTML

您可以在自己的README、问题和拉取请求中使用HTML的子集。

我们支持的标签和属性的完整列表可以在github/markup的README中找到。

关于<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站点，这似乎更加灵活。

- Chris

Answer 2

如果您不介意边框，可以使用表格https://docs.github.com/en/get-started/writing-on-github/working-with-advanced-formatting/organizing-information-with-tables

- jrz