フレックスレイアウトを使用し、左側はアダプティブ、右側は固定です。その結果
、左側のテキストが長すぎます。要求は行表示、超長い表示です...一般的な料理はテキスト
だと思います-
overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
ただし、このアプローチの前提は幅を固定することです (width: 200px など)。
問題が発生しています。左側がアダプティブになっており、width: calc (1-200px) を使用しても機能しません。
解決方法は次のとおりです。
max-width:calc (1-right width) を親レイヤー要素に追加し
、それ自体に幅を追加します。100% で
基本的に問題は解決します。