创建预览框

Question

我做了一个小div盒，足以包含2行半句。但实际上我想做的是，我只是展示预览（几行句子）。我想添加＆＃34;阅读更多...＆＃34;在句子的末尾，当用户点击时会导致另一页显示整篇文章。

我从数据库中提取这些文章。我的问题是，如何从数据库中提取几行并在小div框中预览...？

最好的方法是什么？我应该如何控制文本的数量作为预览显示在div框中。

可以用Javascript，PhpMysql提取代码，CSS控制吗？什么是最好的方式？

请注意： （我从数据库中提取文章。作为测试床，我使用wamp服务器及其mysql数据库）

Answer 1

您可以做的是从数据库中提取整个文本，并在文本节点上运行以下javascript：

Cutter.js

从他们的文件：

Cutter.run( oApplyTo, oTarget, nWords, oTexts, oClasses )

Answer 2

您可以在数据库中执行类似excerpt列的操作并在div框中显示它，当用户点击更多时，您可以从db加载完整文本。或者你可以编写简单的js脚本，它将削减你不需要的一切。或者你可以通过css给你的div框一个大小，并将overflow属性设置为hidden：

.excerpt {
   width: xx px;
   height: xx px;
   overflow: hidden;
}

Answer 3

不是答案，而是一些提示：

您可以尝试ajax，以获取整篇文章＆amp;使用js剪辑它 或者，提供服务器端支持以提供剪裁的文章＆amp;使用ajax获取它。

获得文章的剪辑后，使用innerHTML在div中显示它应该相当容易。

要修复div框的位置，您可以使用js或css。