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

Question

问题

我正在尝试在 GitHub 的 README.md 中显示多个图像，x它们之间的边距为px。但出于某种原因，GitHub 似乎剥离了这种margin-right: 30px风格。

降价

[<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" 在这里尝试过，它工作正常，但在lg sm xs设备上会中断。

Answer 1

\n

无法styles在 GitHub markdown 中使用不同类型的。

\n

\n

Github 只允许在 HTML 标签内使用某些属性，并且如果用户将某些属性放入 HTML 标签内，也会从标签中删除某些属性。

\n

此外，我们不能在 GitHub markdown 中使用 CSS，因为它是清理过程的一部分。

\n

\n

HTML 已被清理，积极删除可能损害您和您的亲属\xe2\x80\x94 的内容，例如<script>标签、内联样式和class/或id属性。

\n

\n

来源： https: //github.com/github/markup#github-markup

\n

如果我们在 markdown 文件中使用 HTML 块，例如

\n

\n<div style="margin-right: 30px;">\n\nMarkdown content goes here.\n\n</div>\n

\n

然后，当 GitHub 渲染它时，样式属性被自动删除，并且没有应用 CSS 样式。它会呈现出类似的效果

\n

<div>\n\nMarkdown content goes here.\n\n</div>\n\n

\n

\n

注意：在定位的情况下，align 属性是当前唯一有效的方法。尽管已被弃用，但它仍然呈现。

\n

\n

Answer 2

您可以使用 CSS 边距来腾出空间。