以下是一些標題選項，保留問題格式並反映文章的內容： 簡短明了： * 如何在固定大小的 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中文網其他相關文章！