要素から文字がはみ出したとき「...」をつけて省略するにはtext-overflow:elipsise;を設定する。
sample.css
width:300px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
そのとき幅を指定してoverflowをhiddenにする。text-overflowだけじゃうまくいかないことに注意。
Go to list of users who liked
More than 5 years have passed since last update.
要素から文字がはみ出したとき「...」をつけて省略するにはtext-overflow:elipsise;を設定する。
width:300px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
そのとき幅を指定してoverflowをhiddenにする。text-overflowだけじゃうまくいかないことに注意。
Register as a new user and use Qiita more conveniently
Go to list of users who liked