要渲染三列中的项目,我尝试将以下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客户端上无效)。
答案 0 :(得分:7)
GitHub-Flavored Markdown only permits certain whitelisted tags and attributes in inline HTML:
HTML
您可以在自述文件,问题和提取请求中使用HTML的子集。
我们支持的代码和属性的完整列表可在the 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
,{ {1}},clear
,cols
,colspan
,color
,compact
,coords
,datetime
,{{1 }},dir
,disabled
,enctype
,for
,frame
,headers
,height
,hreflang
,hspace
,ismap
,label
,lang
,longdesc
,maxlength
,media
,method
,{ {1}},multiple
,name
,nohref
,noshade
,nowrap
,prompt
,readonly
,{{1 }},rel
,rev
,rows
,rowspan
,rules
,scope
,selected
,shape
,size
,span
,start
,summary
,tabindex
,target
,title
,type
,{ {1}},usemap
没有标记支持valign
属性。
除非您可以将自述文件中列出的标记和属性与某些东西一起破解,否则我认为您会发现自己运气不佳。
另一种方法是将GitHub Pages网站放在一起,这似乎更灵活。