导入 extern javascript (clamp.js) 用于线夹不起作用

Question

我想用 Clamp.js (https://github.com/josephschmitt/Clamp.js) 限制长文本，但它不起作用。

我只知道一点点 JavaScript 所以可能有一些微不足道的误解。

<head>
    <script type="text/javascript" src="https://github.com/josephschmitt/Clamp.js/blob/master/clamp.js"></script>
</head>

<body>
    <div style="height: 200px; width: 200px; background-color: aqua">
        <p id="test">super long text</p>
    </div>

    <script>
        var paragraph = document.getElementById("test");
        $clamp(paragraph, { clamp: 3 });
    </script>
</body>

</html>

预期：三行文字 + 省略号

结果：无

Answer 1

你正在使用 $clamp 但实际上没有设置值，我以前从未使用过 Clamp，但它要么是：

<script>
     $clamp(document.getElementById("test"), { clamp: 3 });
</script>

或（可能是这个）

<script>
    var paragraph = document.getElementById("test");
     $clamp(paragraph, { clamp: 3 });
     document.getElementById("test").value = paragraph;
 </script>

Answer 2

<head>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Clamp.js/0.5.1/clamp.min.js"></script>
</head>

我唯一改变并且对我有用的东西。

导入 extern javascript (clamp.js) 用于线夹不起作用

Importing extern javascript (clamp.js) for line clamping not working

javascript

css

ellipsis