如何在特定字體大小的特定字體中測量文本的大小

Question

我想對網頁中需要顯示的文本進行修剪。 已知的參數是字體家族，字體大小，要顯示的字符數和實際文本，當然還有邊界框的寬度。

我需要計算在哪裏修剪源文本，並在那裏把「...」

我有一個想法，但不會太快。

如果還有其他方法可以在CSS中進行修剪，我想知道它，我也可以接受它作爲解決方案。

Answer 1

您無法提前計算此值。您需要在瀏覽器中定位實際文本並測量輸出。如果需要，您可以在屏幕外使用負面的文本縮進。

有jQuery的插件可以設置基於帶溢出的固定大小容器的省略號。

參見：http://archive.plugins.jquery.com/plugin-tags/ellipsis

Answer 2

只要你並不需要支持舊的瀏覽器，你可以使用這個簡單的CSS：

text-overflow:ellipsis; 

http://www.w3schools.com/cssref/css3_pr_text-overflow.aspenter link description here