如何渲染降价多列在GitHub的README?如何渲染降价多列在GitHub的README?(How

2019-05-12 07:49发布

为了使分三路项目,我尝试以下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的处理之外。 我怎样才能把数据分成多个列的降价文件? 请注意,我不关心对IE浏览器的支持,并且不关心,如果IE渲染一列(我的软件项目无法在Windows客户端工作,反正)。

Answer 1:

GitHub的味降价只允许特定的白名单中的标签和内嵌HTML属性 :

HTML

您可以在您的README文件,问题使用HTML的一个子集,并引入请求。

我们支持的标记和属性的完整列表中可以找到该自述文件的github /标记 。

关于<div>标签,该自述说,只有itemscopeitemtype属性被列入白名单,除了一般的属性白名单:

abbracceptaccept-charsetaccesskeyactionalignaltaxisbordercellpaddingcellspacingcharcharoffcharsetcheckedciteclearcolscolspancolorcompactcoordsdatetimedirdisabledenctypeforframeheadersheighthreflanghspaceismaplabellanglongdescmaxlengthmediamethodmultiplenamenohrefnoshadenowrappromptreadonlyrelrevrowsrowspanrulesscopeselectedshapesizespanstartsummarytabindextargettitletypeusemapvalignvaluevspacewidthitemprop

没有标签支持的style属性。

除非你可以在自述文件中列出的标记和属性一起砍东西,我想你会发现,你的运气了。

另一种方法是放在一起的GitHub页面的网站,这似乎是更加灵活。



文章来源: How to render multiple columns with Markdown in GitHub README?