要素から文字がはみ出したとき「...」をつけて省略するにはtext-overflow:elipsise;を設定する。
sample.css
width:300px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
そのとき幅を指定してoverflowをhiddenにする。text-overflowだけじゃうまくいかないことに注意。
More than 5 years have passed since last update.
Register as a new user and use Qiita more conveniently
- You get articles that match your needs
- You can efficiently read back useful information
- You can use dark theme