以下是一些标题选项，保留问题格式并反映文章的内容： 简短明了： * 如何在固定大小的 Div 中为多行文本创建省略号？ * 短信奥维

固定宽度和高度的椭圆文本溢出

问题：

为

中的多行文本创建省略号; 具有固定宽度和高度的元素可能具有挑战性。尽管探索了 jQuery 插件，但合适的解决方案一直难以找到。

解决方案：

利用 jQuery，您可以通过迭代地从文本中删除最后一个单词直到它符合指定的范围来达到所需的效果高度。以下是代码片段：

<code class="js">var $p = $('#fos p');
var divh = $('#fos').height();
while ($p.outerHeight() > divh) {
    $p.text(function (index, text) {
        return text.replace(/\W*\s(\S)*$/, '...');
    });
}</code>

此脚本重复用省略号 (...) 替换文本的最后一个单词，直到文本适合

。即使禁用 JavaScript，文本也会正确显示，但没有省略号。

要优化性能，请考虑将此客户端截断与服务器端截断相结合以减少开销。

对于工作示例，请查看这个 jsFiddle 演示。

以上是以下是一些标题选项，保留问题格式并反映文章的内容： 简短明了： * 如何在固定大小的 Div 中为多行文本创建省略号？ * 短信奥维的详细内容。更多信息请关注PHP中文网其他相关文章！