文字が長いとき...省略記号の作成

方法
一般的に、1行ellipsisは簡単です

text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;

これでいいです.
方法
しかし、数行の長文の数行目から始めると・・・私にあげたいなら、以下のようにしてもいいです.

word-break: break-all;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;

-webkit-line-clampは、何回目の省略かを判断する.
方法
特定の文字数に応じて調整したい場合は、substring(0,200)のような関数を使用してJavaScriptで処理できます.