javascript - cssブレークワードなどを使用して、htmlタグでテキストをサブストリングしますか?

Question

var txt = 'Some texts, html tags & all values i can enter through text box';
txt= txt.substring(0,255)+'...';

cssを使用してこれを行うことはできますか?

私の問題は、txtHTML タグが含まれている場合、部分文字列を実行した後に終了タグが失われ、壊れてしまうことです。

Answer 1

しかし、このためにwidthは要素を設定する必要があります-

このCSSを試してください -

 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 width: 100%;
 display: inline-block;

jsfiddleで見る

Answer 2

CSS は、<div>や<p>

テキストを楕円で表示するには、次の CSS プロパティを試してください。

p{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}