特定の行の div を越えて行を折り返して楕円を表示します。 _html/css_WEB-ITnose

CSS には表示領域を超えて表示するスタイルがあることは誰もが知っています。 。 。

たとえば、このスタイルをスパン内のテキストに追加すると、最初の行を超える場合に省略記号が表示されます。
テキストが多くて (おそらく 4 行か 5 行)、2 行目に省略記号を表示したい場合、どうすればよいでしょうか?

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

テキストオーバーフローのことですか?

http://www.cnblogs.com/xiaochaohuashengmi/archive/2010/08/06/1793922.html

Webkit カーネル ブラウザは、上記の要件を達成するために -webkit-line-clamp 属性をサポートしています
p {
オーバーフロー: 非表示;
テキスト オーバーフロー: 省略記号;
表示: -webkit-line-clamp: 2;


webkit カーネル ブラウザーは -webkit をサポートします。 - LINE-CLAMP の属性は上記の要件を達成できます

overflow: hidden;

Display: -webkit-BOX; -Onte:vertical

先に投稿を終了します。