Open2
【文字数省略】CSSやJavaScriptで文字を省略する方法
まさぴょん🐱CSS で文字を省略
CSS で文字を省略するには、次のプロパティを使用します。
- overflow: hidden: 領域からあふれた文字を非表示にし、非表示にしたことを示す文字列を指定します。省略記号の「…」を表示することもできます。
- white-space: nowrap: 改行しないようにします。
- text-overflow: 非表示のあふれた内容をどのようにユーザーに知らせるのかを設定します。切り取られるか、省略記号の「…」を表示するか、独自の文字列を表示するかを選択できます。
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 90%;
参考・引用
まさぴょん🐱String.prototype.substring()で切り取る