3

私は興味があるので、いくつかのサイト、特にブログにいました。そして、彼らのブログは次のようになっています。

CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE
CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE
CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE

しかし、彼らの説明は次のように言っています

CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE CONTENT HERE
CONTENT HERE CONTENT...

divまたは の単語が多すぎるかどうかを確認し、<p>それに応じて切り捨てるには、javascript または php を使用する必要があるかどうか疑問に思っていました。これの用語がわかりません。とりあえず、divの最大高さを設定してみたら内容が途切れるのですが、途切れた部分の後にa...や a のように追加したかったのです。read more->誰かがこれをどのように達成できるかについての洞察を提供できますか? ありがとう。

4

4 に答える 4

2

これを試すことができますが、Firefox のサポートがありません:

text-overflow: ellipsis;

詳細はこちら: http://davidwalsh.name/css-ellipsis

于 2013-06-14T21:11:44.643 に答える
1

それを可能にするjQueryプラグインがあります。ここで見つけることができます: http://plugins.learningjquery.com/expander/

ウェブサイトの概要には次のように書かれています。

Expander プラグインは、要素のコンテンツの一部を非表示 (折りたたみ) にし、"read more" リンクを追加して、ユーザーが希望する場合にテキストを表示できるようにします。デフォルトでは、展開されたコンテンツの後に、ユーザーがクリックして再度折りたたむことができる「read less」リンクが続きます。展開されたコンテンツは、指定された期間後に再度折りたたむこともできます。

CSS を通じてoverflow: hidden、 、text-overflow: ellipsisandを使用できることはわかっていますがwhite-space: nowrap、それが機能するのは 1 行のみであると考えているため、テキストが長い場合は jQuery アプローチをお勧めします。

于 2013-06-14T21:11:50.680 に答える