More than 5 years have passed since last update.

text-overflowについて（備忘録として）

Last updated at 2013-08-09Posted at 2013-08-09

要素から文字がはみ出したとき「...」をつけて省略するにはtext-overflow:elipsise;を設定する。

sample.css

width:300px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

そのとき幅を指定してoverflowをhiddenにする。text-overflowだけじゃうまくいかないことに注意。