Question

我使用JS和CSS伪元素将一个类应用于div的第一行，然后只显示第一行并隐藏该div中的其他内容。

我使用它来限制tumblr主题索引页面上div内显示的内容量，因为每个帖子仅限于一个我不想超过高度的方框。

理想情况下，我想选择要显示的正确数量的字符而不是第一行。我想知道是否有人可以提出这样做的方法？任何建议或帮助将不胜感激。

HTML

<div class="text-p-pad text-body">
    {Body}
</div>

CSS

.text-body p :not(.index-hide)  {
    display: none;
}

JS

$( ".text-body p::first-line" ).addClass( $( "index-hide" ) );

Answer 1

在div上设置高度并使用CSS Overflow：

.text-body {
    height: 40px; // or whatever height
    overflow-y: hidden;
}