如何在特定行号后剪切字符串？

Question

我有一个字符串项目描述（作为对象的一部分）来自报告页面上显示的用户表单提交。 如果行号超过 24，我想在新页面上显示字符串的其余部分。 我最初的想法是根据字符来剪切它，但这不能像提交表单时换行一样精确地完成，无法计算字符，因为我们不知道换行是否是在线的中间或末端或任何地方。 不知道有什么办法可以解决？

如何根据行数剪切字符串？

这是我到目前为止所做的：

function countLines (el) {
    let projectDetails = $rootScope.report.description;
    var el = document.getElementById(el);
    var divHeight = el.offsetHeight
    var lines = divHeight / 17;
    //console.log("Lines counted: " + lines);
    if(lines > 24) {
        $scope.secondDescriptionPage = true;
        $scope.projectDetailsTextFirstPart = // this should be calculated
        //$scope.projectDetailsTextSecondPart =  // this should be calculated )
    }
}

Answer 1

使用-webkit-line-clamp CSS 属性，您可以将文本剪切一定数量的行。 有关详细信息，请参阅MDN 。 但是它在 IE11 中不起作用。