当文本换行到下一行时，jQuery treetable对齐问题

Question

使用jQuery树表插件并在分支名称或叶名称包装到下一行时努力使CSS正确对齐文本，请参阅图片。 请注意，链接名称是节点名称;我的真实世界表列宽度比JSFiddle小得多，因此包装是一个真正的问题。

HTML是从服务器生成的;我在这里有一些灵活性

See JSFiddle that mimics the generated HTML并包含插件的CSS加默认主题。

我试过（inspired by）

Properties vmProps = System.getProperties();
vmProps.forEach((t,u) -> System.out.println("Property: " + t + "\nValue: " + u + "\n"));

但这会产生：

类似的问题raised here但是提供的答案似乎并没有真正适用于答案的JSFiddle。

关于jquery-treetable gitHub closed issue #142的冗长讨论，所以我...... 尝试过：

table.treetable a.node {
  overflow: hidden;
}

table.treetable span.indenter {
  float: left;
}

（这会处理父节点的换行，但是错误地证明了它的子叶以及独立的叶节点2）

最后尝试了＆＃34;解决方案＆＃34; ＃142的OP表示工作

table.treetable span.indenter {
  float:left;
}
table.treetable a.node {
  display: block;
  padding-left: 0;
  overflow: hidden;
} 

这没有效果。我被卡住了。

Answer 1

如果这是你之后的事

然后一个简单的解决方案可能是将绝对位置设置为单元格左侧的“压头”，然后使用填充移动文本......

table.treetable tbody tr td { position: relative; padding-left: 25px; }
table.treetable tbody tr td span.indenter { position: absolute; left: 5px; }