html - 读我，gitHub

Question

我在 GitHub 中设计我的个人资料，我在“Readme.md”中遇到了一些 HTML 问题

<div display=flex; align-items=flex-start; flex-direction=row;>
  <p align="center" >  <img  src="https://www.codewars.com/users/yefimchuk/badges/large" alt="https://www.codewars.com/users/yefimchuk" />

   <p align="center"    > <img src="https://leetcode-stats-six.vercel.app/api?username=KnlnKS&theme=dark" alt="https://github.com/KnlnKS/leetcode-stats" />
   <img  src="https://github-readme-stackoverflow.vercel.app/?userID=17754802&theme=dark" alt="https://stackoverflow.com/users/17754802/yefimchuk" />
</div>

   <p  align="center"> <img src="github-contribution-grid-snake.svg" />
  </div>

看起来是这样的:photo但我想让我下面的两个 block 与顶部对齐，就像通过 flex 一样:

<div style="display: flex; flex-direction: row; align-items: flex-start">
  <div>first block</div>
  <div>second block</div>
</div>

但我无法在 GitHub 的 readMe.md 文件中执行此操作。我该怎么做，我尝试了 vertical-align: top，但这仍然不起作用

最后，它应该是这样的:/image/HS55D.png

Answer 1

GitHub 允许在 Markdown 中使用 HTML，但出于安全、功能和可访问性的原因，它从所有生成的 HTML 中删除了大部分格式。因此，如果您有任何使用 style 标签或某些其他格式化方法的内容，它们将被删除。

如果你想做复杂的格式化，你应该把它放在一个网站上，可以是 GitHub Pages，并从一个更简单的 README 链接到它。