我正在编写Github的README.md文件,并且有不同的表格。这些内容各不相同,因此表格宽度也不同。
我希望至少第一列具有固定的宽度,因此我尝试在Markdown文件中所有表格之前添加以下内容:
<style>td:nth-child(odd){width:200px}</style>
令人惊讶的是,这在我的编辑器预览中可以运行,但提交到github后,文本将不带样式标签出现,并且没有应用任何样式。
我的问题是,如果可能在github上实现,那么如何做到。
我正在编写Github的README.md文件,并且有不同的表格。这些内容各不相同,因此表格宽度也不同。
我希望至少第一列具有固定的宽度,因此我尝试在Markdown文件中所有表格之前添加以下内容:
<style>td:nth-child(odd){width:200px}</style>
令人惊讶的是,这在我的编辑器预览中可以运行,但提交到github后,文本将不带样式标签出现,并且没有应用任何样式。
我的问题是,如果可能在github上实现,那么如何做到。
我刚刚亲自测试过。
<style>
#foo {color: red}
</style>
<p id="foo">foo</p>
<p style="color: blue">bar</p>
以上呈现为:
#foo {color: red}
<p>foo</p>
<p>bar</p>
GitHub去除样式标签和属性,以防止您在其页面上更改样式。这可能是出于安全考虑。如果您可以注入CSS到GitHub页面中,那么您就可以轻松地发起钓鱼攻击。
<style>
标签:https://github.github.com/gfm/#disallowed-raw-html-extension- - Cameron Tacklind<style>
和</style>
会作为文本出现在输出中,除了它们之间的内容。(这与之前评论中链接https://github.github.com/gfm/#disallowed-raw-html-extension-所记录的行为相同。) - undefined目前它只能使用高度和宽度。
<img style="width:500px" src="xyz.png"/>