如何计算网格列数，实现每行元素奇偶一致的紧凑响应式布局？

标题格式 #

• 用井号 # 区分标题层级，层级越高井号数量越少：
  • # 对应一级标题
  • ## 对应二级标题，以此类推

列表项格式 #

• 无序列表项以短横线 - 开头

文本强调 #

• 需突出的文本用一对星号 * 包裹，示例：*重点内容* 渲染后为 重点内容

代码与命令 #

• 代码片段或命令用反引号 ` 包裹，示例：`npm install react`

引用文本 #

• 引用内容以大于号 > 开头，示例：

  这是一段需要引用的文本内容

链接格式 #

• 链接采用 [链接显示文本](目标网址) 的格式，示例：[Markdown 语法参考](https://daringfireball.net/projects/markdown/)

图片插入 #

• 图片采用 [图片替代文本](图片地址) 的格式，示例：[示例图标](https://example.com/icon.png)

内容的提问来源于stack exchange，提问作者Lance Pollard