限制在div内部看到的内容

Question

我有3个div的图像在下面。他们拉动整个柱子并显示它。我需要它只显示255个字符。然后我有一个Read More链接，他们可以点击进入完整的文章。

你看左边的方框是如何阅读更多我希望所有3个框显示部分内容，然后阅读更多链接。第一个盒子工作的唯一原因是因为内容开始时非常小。

该网站是带有CSS和一些CSS3的HTML5。

从Entity / LINQ中提取信息我假设我需要限制其中的内容？

以下是一个例子：

    db.TPGForums.Where(m => m.boardID == 11)
      .SelectMany(m => m.TPGForumTopics)
      .SelectMany(m => m.TPGForumPosts)
      .OrderByDescending(p => p.dateCreated)
      .FirstOrDefault();

所有内容都包含在<div class="news-block">content</div>

中

我怎样才能做到这一点？

编辑：

可能导致问题的另一个问题是引入的内容是HTML解码。因此，只有拉动它的一部分可能会导致页面上出现一些HTML错误，并可能导致某些事情无法正常关闭。所以我认为我现在唯一的选择是通过div的大小来限制它并隐藏过流。

Answer 1

您需要限制拉入内容的位置。或者，您可以设置隐藏溢出的最大高度，并使用某种渐变来防止底边看起来不舒服。或者您可以使用text-overflow: ellipsis。