使用class元素和Javascript进行行夹紧

我有一个输出数据的PHP脚本。它被方便地包装在

p类中

它多次输出相同的数据和相同的类，因此有6个文本块，每个文本块包装在

p class

中

我需要使用任何可能的方法将每个块减少到3行。我已经尝试过以各种方式使用PHP，但都没有效果

我遇到了一个看起来很棒的。唯一的问题是，它只能使用ID工作。我可以将

p class

标记更改为

p ID

，但是，它们必须共享相同的ID，这显然不起作用

以下是我尝试过的当前代码：

var module = document.getElementsByClassName("clampjs");

$clamp(module, {clamp: 1});

和HTML（乘以6）：

---

只需编辑css即可轻松完成此操作

$('.clampjs').click( function() {   

     $(this).css({  //changes the css of the clicked content.
            'height':'100px', //give what ever height you want.
            'overflow':'hidden'
        });


    });

---

刚刚在我的页面上测试过，效果很好…

现在很明显！理想情况下，我想在某一行中断它，因为你的方式可以切掉字母的底部，这就是我使用插件的原因，不过我对你的代码做了一个小编辑，瞧！它工作得很好（我在我的问题中添加了我的代码）非常感谢！

$(document).ready( function() {   

     $('.clampjs').css({  //changes the css of the clicked content.
            'max-height':'75px', //give what ever height you want.
            'overflow':'hidden'
        });


    });

$('.clampjs').click( function() {   

     $(this).css({  //changes the css of the clicked content.
            'height':'100px', //give what ever height you want.
            'overflow':'hidden'
        });


    });