为什么空格会从标签名称中删除？

Question

我正在为 d3 javascript 库中的矩阵编写代码。我希望一些标签缩进，但不显示在字体中添加空格。例如：“_____word”只显示为“word”。 （___ 是空格）

我正在使用： http://bl.ocks.org/ianyfchang/8119685

rowLabel = ['word','word2' ];
colLabel = ['word3','word4','word5'];

Answer 1

为了保留该标签中的空格，您必须将文本的 white-space 设置为 pre：

保留空白序列。仅在源代码中的换行符和<br> 元素处换行。

所以，在那个 bl.ocks 中：

 text {
     white-space: pre;
 }

这是 bl.ocks 的变化，我在标签中添加了一些随机空格：http://bl.ocks.org/GerardoFurtado/c384495d0e1982d2c3126d44a6d88293/6a822b8abceb9861af31d16fcf7625631c3f5eac