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

时间:2015-01-28 20:13:22

标签: 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客户端上无效)。

1 个答案:

答案 0 :(得分:7)

GitHub-Flavored Markdown only permits certain whitelisted tags and attributes in inline HTML

  

HTML

     

您可以在自述文件,问题和提取请求中使用HTML的子集。

     

我们支持的代码和属性的完整列表可在the README for github/markup

中找到

关于<div>代码,该README表示除了常规属性白名单外,只有itemscopeitemtype属性列入白名单:

  

abbracceptaccept-charsetaccesskeyactionalignaltaxisbordercellpaddingcellspacingcharcharoffcharsetcheckedcite,{ {1}},clearcolscolspancolorcompactcoordsdatetime,{{1 }},dirdisabledenctypeforframeheadersheighthreflanghspaceismaplabellanglongdescmaxlengthmediamethod,{ {1}},multiplenamenohrefnoshadenowrappromptreadonly,{{1 }},relrevrowsrowspanrulesscopeselectedshapesizespanstartsummarytabindextargettitletype,{ {1}},usemap

没有标记支持valign属性。

除非您可以将自述文件中列出的标记和属性与某些东西一起破解,否则我认为您会发现自己运气不佳。

另一种方法是将GitHub Pages网站放在一起,这似乎更灵活。