CSS は単一行のテキスト入力を制限しています。余分な部分を置き換えるには... を使用してください

実際のアプリケーションでは、多くの場合、テキストを 1 行のみ表示し、テキストの折り返しによって全体のスタイルが損なわれないようにする必要があります。例：「商品名」「紹介文」など。ただし、モニターの幅が異なるため、背景に表示されるテキスト コンテンツが 1 行のテキストに収まらない場合があります。 overflow:hidden を使用してオーバーフロー テキストを突然非表示にすると、表示効果があまり良くなくなります。このとき、オーバーフロー テキストを省略記号に置き換える必要があります。 js を使用してインターセプトするのは少し複雑です。この効果を実現するには、css 属性を直接使用して設定できます。

テキストオブジェクトに追加する必要があるcss属性は以下のとおりです。

カジュアルな無地の万能ショートパンツ

.className{幅: 60px;オーバーフロー: 非表示;空白: nowrap;テキスト オーバーフロー: 省略記号;}

表示される効果は次のとおりです: