line-clamp在Firefox上不起作用？

Question

我有一个滑块标签。我试图只显示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;
 }

Answer 1

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

您可以设置隐藏Firefox溢出的高度

Answer 2

快去line-clamp。它是一个节点包，但仍应像在浏览器中一样工作。适用于Firefox。它很轻，有0个依赖项。