CSS 属性 text-overflow を使用する際の問題を解決する方法

text-overflow: Clip | ellipsis

この属性は、複数の属性を一緒に使用する必要があります

1、overflow:hidden;
この属性は、コンテンツ領域がコンテンツを保持できない場合に実行されるべきものです。ここでは、オーバーフローした内容は直接表示されません。これは必須属性のような気がします。コンテンツのテキストがオーバーフローし、切り取られるまで表示されません。そうしないと、トリミング後もオーバーフローが表示されることになり、残念です

それから、text-overflowは機能しません。オーバーフローは依然としてオーバーフローです。 text-overflow を使用するかどうかは関係ありません。

2、white-space:nowrap;
この属性は空白操作です。これは、テキスト全体を折り返さずに表示するためです。コンテンツ全体を 1 行で表示するには、幅

で切り取ることができます。この属性は、コンテンツ領域の幅を制御します。そうでない場合、text-overflow はどこから切り詰めを開始するかを認識できません。これは私自身の理解です

以上がCSS 属性 text-overflow を使用する際の問題を解決する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。