以下3つのパラメータを指定する。 ```css white-space: nowrap; text-overflow: ellipsis; overflow: hidden; ``` ```html <div class="grey-box" style="white-space: nowrap; text-overflow: ellipsis; overflow: hidden;">1234567890</div> ``` ↓ <div class="grey-box" style="white-space: nowrap; text-overflow: ellipsis; overflow: hidden;">1234567890</div> ## 参考 - [長い文章を「…」で省略してくれる「text\-overflow: ellipsis;」と復数行の場合の対応](https://blog.universe-web.jp/5686/)