web-dev-qa-db-ja.com

設定された幅を超えた場合、div内のテキストを切り取りますか?

私が取り組んでいるウェブサイトでは、ユーザーはページのセクションに見出しを追加できます。簡単な例:

M11-001 - loss of container and goods from Manchester

一部の見出しでは、内容が非常に詳細になる場合があります。実際には、少なくとも見出しについては、このコンテンツは必ずしも必要ではありません。レコードを区別するには、最初の数語で十分です。

私はオーバーフローを設定することができました:divに隠され、設定された幅の外側のものを冷酷にカットしました。

追加したいのですが…最後に。そのようです:

M11-001 - loss of container...

したがって、X幅またはX文字の後に3つの終止符が追加されます。

これはCSS、またはおそらくJavaScriptで可能ですか?

19
dannymcc

このようなもの? http://www.quirksmode.org/css/textoverflow.html

テキスト-オーバーフロー

テキストオーバーフロー宣言を使用すると、クリップされたテキスト、つまりボックスに収まらないテキストを処理できます。省略記号の値により、3つのピリオドがテキストに追加されます。

34
NakedBrunch