### 一行のみの場合 ```css .ellipsisArea { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } ``` ### 複数行にまたがる場合 この場合、上記の方法は使えない。 理由は、text-overflow: ellipsisで文字を省略できるのは文字が要素をはみ出した場合だけであるため。 複数行の場合はwhite-space: nowrapを外す必要が出てくるが、これを外すと要素をはみ出さなくなってしまう。 やり方としてはいくつかあるが、ブラウザ依存を考えると:beforeと:afterを駆使する方法が一般的。 https://www.aozora-blog.com/2018/07/22/post-151/
by   mayataso
2019/07/10 17:51:23

コメント (0)

あなたもコメントしてみませんか

アカウント新規作成(無料)

既にアカウントを持っている方は ログイン