読者です 読者をやめる 読者になる 読者になる

css はみ出た文字を...表示したい

以下で出来たのでメモ

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

と思ったらIE11で表示されない。

css - text-overflow:ellipsis doesn't work on IE - Stack Overflow

どうやらIE11だとテキストの前に<br>があると表示されなくなるらしい。

なので<br>を消して以下のように変更

display:block;
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;