为什么要从标签名称中删除空格?

时间:2018-04-15 06:20:17

标签: javascript html css d3.js svg

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

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

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

1 个答案:

答案 0 :(得分:2)

要保留标签中的空白区域,您必须将文字“white-space设置为pre

  

保留空格序列。行仅在源中的换行符和<br>元素处断开。

所以,在那个bl.ocks中:

 text {
     white-space: pre;
 }

以下是带有更改的bl.ocks,我在标签中添加了一些随机空格:http://bl.ocks.org/GerardoFurtado/c384495d0e1982d2c3126d44a6d88293/6a822b8abceb9861af31d16fcf7625631c3f5eac