如何在Asciidoc表格的代码清单中添加可见空格？

DevOps 小满

2026-6-27

在Asciidoc表格代码清单中显示可见空格的解决方案

以下是几种可行的方法，解决你在表格单元格代码清单里显示引号内空格的问题：

直接使用Unicode可见空格字符
在代码清单的引号字符串中，把普通空格替换成Unicode字符 ␣（U+2423，可直接复制输入）。因为代码块（---- 包裹的内容）是原义输出模式，这个字符会被直接渲染到HTML中，显示为可见的空格标记。
示例：
```
|===
| 列1 | 列2
a|
----
"like␣this"
----
|===
```
利用Asciidoc代码块的space属性
在代码块开头添加[space=visible]属性，Asciidoc会自动把代码中的普通空格替换为可见空格符号。这个方法不需要手动替换每个空格，适合批量处理：
示例：
```
|===
| 列1 | 列2
a|
[space=visible]
----
"like this"
----
|===
```
自定义CSS样式（按需选择）
如果你想自定义可见空格的样式（比如颜色、背景），可以给代码块添加自定义类，再配合HTML的CSS设置：
1. Asciidoc代码：
```
|===
| 列1 | 列2
a|
[.custom-visible-spaces]
----
"like this"
----
|===
```
2. 对应CSS代码：
```
.custom-visible-spaces code {
  white-space: pre;
}
.custom-visible-spaces code::after {
  /* 自定义空格显示样式 */
}
/* 或者通过JS给空格添加标记类，再设置样式 */
```
这种方法适合需要定制化显示效果的场景。