如何改进 Firefox 的多行选项卡树样式选项卡 CSS？

Question

Jusy 正如标题所说：如何改进 Firefox 的“树样式选项卡”CSS 以实现多行选项卡？

TST 允许您指定的自定义 CSS 的相关部分是：

/*multi line tabs*/
tab-item {
  max-height: 4em !important;
  overflow: hidden !important;
  text-align:top;
}
tab-item tab-label {
  overflow-y: hidden !important;
  text-align:top;
  white-space: wrap !important;
  display: inline !important;
  padding-top: 10px;
  padding-bottom: 10px;  
}

他们建议的 CSS 可以在这里看到，似乎已经足够了。

我使用上述 CSS 取得的最大成果如下所示，我想将文本限制为 3 行并保持可读性：

Answer 1

那

-webkit-line-clamp

呢？

/*multi line tabs*/
tab-item {
  max-height: 4em !important;
  overflow: hidden !important;
  text-align:top;
}
tab-item tab-label {
  overflow-y: hidden !important;
  text-align:top;
  white-space: wrap !important;
  display: -webkit-inline-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  padding-top: 10px;
  padding-bottom: 10px;  
}