多行文本截斷

有誰知道一個乾淨簡單的方法將一段文本截斷爲兩行。這就是我想截斷（p元素）：多行文本截斷

<blockquote><p>&#8220;<?=$test_entry ?>&#8221;</p></blockquote><cite><?=$test_name ?></cite>

我已經試過我一直在使用文本溢出嘗試CSS3解決方案的各種解決方案，包括clamp.js（這甚而不在提供的例子正常工作）但是這些只能截斷爲一行。所有其他javascript示例使用字符串長度，如果特殊字符被編碼並且在許多其他條件下，則文本大小發生變化時會中斷字符串長度。

我很高興能夠在必要時更改標記我只是希望能夠截斷文本以適應div框中的兩行，並以elipses（...）結尾，或者甚至更好地使用（... 「）。我想這將是簡單，但apparantly沒有。

任何人都可以點我到一個現有的解決方案或給我一個線索從哪裏開始的這一點。任何幫助非常讚賞。

2012-02-11 WebweaverD

在這裏你可以找到一個現有的基於jQuery的解決方案，它應該在跨瀏覽器工作，在this SO question。

2012-02-11 21:10:05 m2k

謝謝你的幫助，像魅力一樣工作。在發佈問題之前，可能應該更多地搜索堆棧溢出問題 - 我曾嘗試過那麼多在當時沒有用的東西。再次感謝 – WebweaverD 2012-02-12 13:31:35

我從這個答案嘗試的解決方案在桌面瀏覽器上運行良好，但在iphone上導致了javascript超時。請參閱解決方案下的鏈接以獲取評論 – WebweaverD 2012-03-07 14:15:46

使用textarea元素來限制t文本行！

<textarea rows="2" readonly disabled>Try enameling the ricotta broccolis with aged champaign and rum, warmed. </textarea>

然後，您可以使用僞元素：在添加省略號或'閱讀更多'之後。

不要忘記屬性的「只讀」和「禁用」。 Readonly防止用戶與textarea進行交互。禁用可阻止頁面中的任何表單提交值。

2013-12-18 21:06:57

回答