長い文字を省略して末尾に三点リーダーをつける

JavaScriptで変換

幅ではなく文字数で省略したい時はこちら。

sliceで100文字を超えた部分をカットして三点リーダーを末尾につける。

longText.slice(0, 100) + ' ...'

text-overflow

指定の幅を超えたら省略したいときはこちら。

ちなみにtitle要素に全文を持たせると、カーソルを合わせた時に全文が見えるようになる。

<div class="container">
  <p title="あいうえおあいうえおあいうえおあいうえおあいうえお">
      あいうえおあいうえおあいうえおあいうえおあいうえお
  </p>
</div>

See the Pen text-overflow-sample by prdions (@prdions) on CodePen.