Javascript 如果是'，则删除描述；这不仅仅是一个固定数量的单词吗？

我很好奇，所以我上了一些网站，特别是博客。我看到他们的博客是这样的：

CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE
CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE
CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE

但他们的描述是这样的

CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE
CONTENT HERE CONTENT...

---

我想知道是否需要使用javascript或php来查看

div

或

是否有太多的单词，并相应地将其切掉？我不确定这个术语。无论如何，我试着设置一个div的最大高度，它切断了内容，但我希望它像一个

…

或一个

阅读更多->

一样添加在被切断的部分之后。有人能提供关于如何实现这一目标的见解吗？谢谢。

您可以试试这个，但它缺少Firefox支持：

text-overflow: ellipsis;

---

更多信息请点击这里：

有一个jQuery插件，它可以实现这一点。你可以在这里找到它：

网站概述如下：

Expander插件隐藏（折叠）元素内容的一部分，并添加“阅读更多”链接，以便用户可以根据自己的意愿查看文本。默认情况下，展开的内容后面是一个“无读”链接，用户可以单击该链接重新折叠它。扩展内容也可以在指定的时间段后重新折叠

---

通过CSS，我知道你可以使用

溢出：隐藏

，

文本溢出：省略号

和

空白：nowrap

，但我认为这只在只有一行的情况下有效，所以如果文本较长，我建议使用jQuery方法。

你可以使用它来修剪字符串，添加

…

，然后将其替换为html。 根据需要修改或编写用于添加

…

的包装

sDisplay = sFull.substr(0,50) + '...'; 

theString='CONTENT HERE'//也可以是dom元素innerhtml/jQuery.html（）
如果（字符串长度>100）{
字符串=字符串substr（0100）+’…”；
字符串+='Read More'；//需要放置Read More链接的目标区域
}
jQuery（'.element'）.html（字符串）；

在这个你取代一切后的数额切断与

---

如果您还想将readmore放在一个单独的div/string中，您可以很容易地使用jquery来定位新的区域。

这可能会有所帮助：Firefox至少支持14个主要版本，只要您使用得当。所有其他答案都很好，但我将使用这个Jquery插件。

theString = 'CONTENT HERE'; //can be dom element innerhtml/jQuery.html() as well
if(theString.length>100){
   theString = theString.substr(0,100)+'...';
   theString += '<div><a>Read More</a></div>'; //target area you need to place read more link
}
jQuery('.element').html(theString);