如何截断div中的文本

Question

我想截断帖子的文字.
我使用了一些jquery插件来完成它,但问题是
首先整个文本加载到客户端然后javascript
执行代码截断文本,结果有一个丑陋的
效果,你可以看到millisecons取决于整个文本
在你的连接被截断之前.

我也应该在服务器中截断吗？
我正在使用带有wordpress的codeigniter,我想使用
the_excerpt或者其他东西,但它并不优雅.

有任何想法吗？

Answer 1

如果您要截断文本是因为您只想为UI目的设置高度,一个简单的解决方案是将您的内容包装在div中,设置高度并使用overflow:hidden来隐藏其余部分.这样做的好处在于您也可以使用css选择器扩展内容.

html page
<div class="mywrapper">your content goes here..</div>

css file
.mywrapper {
 overflow: hidden;
 width: 540px;
 height: 300px;
}