text-overflow: Clip | ellipsis
この属性は、複数の属性を組み合わせて使用する必要があります
1, overflow:hidden; この属性は、コンテンツ領域がコンテンツを保持できない場合に実行されるべきものです。ここでは、オーバーフローした内容は直接表示されません。これは必須属性のような気がします。コンテンツのテキストがオーバーフローし、切り取られるまで表示されません。そうしないと、トリミング後もオーバーフローが表示され、犬のような状態になってしまい、テキスト オーバーフローが機能しません。オーバーフローは依然としてオーバーフローです。 text-overflow を使用するかどうかは関係ありません。
2、white-space:nowrap; この属性は空白文字の操作です。ここでは、テキスト全体を折り返しずに表示します。幅と一致する場合は、トリミングすることができます。
3, width この属性は、コンテンツ領域の幅を制御します。そうでない場合、text-overflow はどこから切り捨てを開始するかを認識できません。私自身はこのように理解しています。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
