如何在GitHub README中为两个并列句子添加制表位?
GitHub README 实现文本并排制表位效果的可用方法
GitHub 基于 CommonMark 规范渲染 README 内容,普通段落内的连续半角空格、硬制表符会被自动折叠为单个空格显示,输入\t标记或连续半角空格自然无法达到预期排版效果,可通过以下几种无额外依赖的方法实现目标排版:
- 使用 HTML 不换行空格实体
做分隔:这类字符是渲染器可识别的特殊实体,不会被自动折叠,需要多大的制表位间距就输入对应数量的实体即可,排版宽度完全可控。示例:This is a ball This is a bat - 插入全角空格模拟固定制表位宽度:全角空格是独立的全角字符,不会被渲染规则折叠,固定插入相同数量的全角空格就能实现统一宽度的文本分隔,不需要记忆特殊语法规则。示例:
This is a ball This is a bat - 借助
<pre>标签保留原始输入排版:该标签块内的所有内容会按照输入时的原始格式完全渲染,直接在标签块内按日常使用习惯打Tab键、输入任意数量的空格,都能正常显示对应间距,和Word中的制表符使用体验完全一致。示例:This is a ball This is a bat
- 用无边框两列表格实现稳定分栏:Markdown 表格的单元格是独立渲染区块,不受连续空格折叠规则影响,不需要手动计算间距就能实现左右固定位置的文本并排。留空表头内容即可弱化表格边框样式,实现和手动制表对齐一致的视觉效果。示例:
This is a ball This is a bat
内容的提问来源于stack exchange,提问作者Nagarjun Vinukonda
相关产品推荐
相关产品推荐

