Css line clamp在Firefox上不起作用？

我有一个滑动标签。我试图只显示3行省略号。给定的CSS在Chrome中运行良好，但在Firefox中不起作用。请建议一个更好的方法

.ui-slider-tabs-list li a {
    text-align: center;
    line-height: 20px;
    text-overflow: ellipsis;
    display: -webkit-box;
             -webkit-line-clamp: 3;
             -webkit-box-orient: vertical;
    display: -moz-box; 
             -moz-line-clamp: 3;
             -moz-box-orient: vertical;
    overflow: hidden;
 }

---

您可以为Firefox设置隐藏溢出的高度，试试看。它是一个节点包，但仍应像在浏览器中一样工作。在Firefox中工作。它是轻量级的，并且具有0个依赖项。

line clamp

是其他浏览器不支持的Webkit扩展。请参阅。此答案无法解决多行文字带省略号溢出的预期效果。

p {
position:relative;
line-height:20px;
/* 3 times the line-height to show 3 lines */
height:60px;
}