HTML文字が指定された高さを超えると表示を省略_html/css_WEB-ITnose

画像のように方法は分かりますが、Firefox と IE には対応していません。また、最後に [詳細] を追加するにはどうすればよいですか?

返信ディスカッションへ (解決策)

JavaScript を使用しない方が良いですか??

JavaScript を使用しない方が良いですか?? 明らかにフロントエンドによって制御されていません。バイト長に応じた文字列

これは本当に文字列のインターセプトを必要としているようです。そうしないと、表示される単語数を制御できません。 CSS はまだ十分強力ではありません。

CSS で実行できますが、最後の詳細フィールドを取得する方法がわかりません
これら 3 つの属性を追加するだけですが、コンテナの高さ。

1 つの欠点は、これは 1 行のテキストしか表示できないことです。複数行のテキストの場合は機能しません。
一部のブラウザは複数行をサポートしています。

まず、設定した高さが複数行のテキストに対応できることを確認します。たとえば、
text-overflow:ellipsis;

-webkit-line-clamp; となります。 ;

-webkit-box- orient:vertical;

理解できない場合は、line-clamp の使用方法を確認してください。


まず、設定した高さが複数行のテキストに対応できることを確認します。たとえば、
text-overflow:ellipsis;

-webkit-line-clamp; 3;

-webkit-box -orient:vertical;

わからない場合は、line-clamp の使い方を確認してください。

どのブラウザが Webkit ですか? 具体的な情報は見つかりませんでした。

まず、テキストが 3 行ある場合は、設定した高さが収まることを確認してください。
display:-webkit -box;
-webkit-line-clamp:3;

わからない場合は、line-clamp の使い方を確認してください。

どのブラウザが Webkit ですか? 具体的な情報は見つかりませんでした。

この URL を確認してください。 http://www.css88.com/archives/5206#more-5206

たとえば、3 行の場合、
-webkit-line-clamp:3; を指定します。 -webkit-box-orient:vertical;

わからない場合は、line-clamp の使い方を確認してください。

Webkit はどのブラウザですか? 具体的な情報は見つかりませんでした

この URL を確認できます http://www.css88.com/archives/5206#more-5206

学びました。共有してくれてありがとう