html - 如何在 GitHub README.md 中使用边距/填充？

Question

问题
我试图在 GitHub 的 README.md 中显示几张图片，边距为 x px 之间。但出于某种原因，GitHub 似乎剥离了 margin-right: 30px风格。
Markdown

[<img style="margin-right: 30px" src=foo.svg height=30>](https://www.example.com/)
[<img style="margin-right: 30px" src=bar.svg height=30>](https://www.example.com/)
<!-- ...and so on -->

注:我试过 align="left" here工作正常但在 lg 上中断 sm xs设备。

Answer 1

It is not possible to use different types of styles in GitHub markdown.

Github 只允许在 HTML 标签内使用一些属性，如果用户将它们放在 HTML 标签内，也会从标签中删除一些属性。
此外，我们不能在 GitHub markdown 中使用 CSS，因为它是清理过程的一部分。

The HTML is sanitized, aggressively removing things that could harm you and your kin—such as script tags, inline-styles, and class or id attributes.

来源: https://github.com/github/markup#github-markup
如果我们在 Markdown 文件中使用 HTML 块，例如

<div style="margin-right: 30px;">

Markdown content goes here.

</div>

然后，当 GitHub 渲染它时，样式属性被自动删除，并且没有应用 CSS 样式。它会渲染它像

<div>

Markdown content goes here.

</div>

N.B: In the case of positioning, the align attribute is the only way that will currently work. Despite being deprecated, it's still rendered.