如何在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-Flavored Markdown 仅允许内联HTML中的某些列入白名单的标签和属性:

HTML

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

可以在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站点组合在一起,这似乎更灵活.