複数行のテキスト切り捨て

テキストのセクションを2行にトランケートするきれいで簡単な方法を知っている人はいませんか。私は、テキストオーバーフローを使用してCSS3のソリューションを試してみました（さえdoesntの供給の例では正常に動作）clamp.jsなど、さまざまな解決策を試してみました複数行のテキスト切り捨て

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

：これは（p要素）私は切り捨てるしようとしているものですこれらは1行にしか切り詰められません。他のすべてのJavaScriptの例では、文字サイズが変更された場合や、特殊文字がエンコードされている場合やその他の多くの条件下で文字列の長さが使用されます。

必要に応じてマークアップを変更してもうれしいです。divボックス内に2行に収まるようにテキストを切り捨てて、エリプス（...）で終わらせたい「）。私は、これは簡単だろうと思ったけどapparantlyない。

誰もが既存のソリューションに私を指すか、私にこれを開始するための手がかりを与えることができます。感謝すべてのヘルプ。

2012-02-11 WebweaverD

ここであなたが見つけることができますクロスブラウザで動作するはずのjQueryに基づいた既存のソリューションthis SO question。

2012-02-11 21:10:05 m2k

ご協力いただきありがとうございます。魅力的に働きました。おそらく、質問を投稿する前にスタックのオーバーフローをもっと深く探してください。私はその時点ではうまくいきませんでした。おかげで再び – WebweaverD

私はこの答えから試したソリューションは、デスクトップブラウザでうまくいったが、iPhoneでjavascriptのタイムアウトが発生した。 comment under solutionのリンクを参照 – WebweaverD

テキストエリア要素を使用してlimiテキスト行！

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

擬似要素を使用すると、省略記号または「詳細を読む」を追加できます。

属性 'readonly'と 'disabled'を忘れないでください。 Readonlyは、テキストエリアがユーザーと対話するのを防ぎます。無効にすると、ページ内のフォームが値を送信できなくなります。

2013-12-18 21:06:57

答えて