javascript - 为什么要从标签名称中删除空格？

Question

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

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

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

Answer 1

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

Sequences of whitespace are preserved. Lines are only broken at newline characters in the source and at <br> elements.

所以，在那个 bl.ocks 中:

 text {
     white-space: pre;
 }

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