文本换行到下一行时的jQuery树表对齐问题答案

【问题标题】：jQuery treetable alignment issue when text wraps to next line文本换行到下一行时的jQuery树表对齐问题
【发布时间】：2016-05-14 00:57:10
【问题描述】：

当分支名称或叶子名称换行到下一行时，使用 jQuery tree-table 插件并努力让 CSS 正确对齐文本，见图。 请注意，链接名称是节点名称；我的真实世界表格列宽比 JSFiddle 小得多，所以换行是一个真正的问题。

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

我试过了 (inspired by)

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

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

但这会产生：

类似问题raised here，但提供的答案似乎在答案的 JSFiddle 中实际上不起作用。

在jquery-treetable gitHub closed issue #142 上进行了冗长的讨论，所以我... 试过了：

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

（这处理父节点包装正常，但错误地证明了它的子叶以及独立叶节点 2）

最后尝试了 #142 的 OP 所说的“解决方案”

table.treetable span.indent{
  display:inline-block;
  text-align: right;
  }

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

【问题讨论】：

【解决方案1】：

如果这是你所追求的

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

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

【讨论】：