1 行に長いテキストを表示する必要があります。行の最後 (画面の端) に画像が表示されます。
非常に長いテキストを考えると、単純に切り詰める必要があります。テキストは長すぎるため、2 行目に移動する必要があります。
私のコードを見てください。素敵な絵文字が画面から押し出されないようにするにはどうすればよいでしょうか?
右側の要素が動的である可能性があることを考慮してください。したがって、固定幅を与えるだけでは十分ではありません。
div {
display:flex;
justify-content: space-between;
}
span {
white-space:nowrap;
overflow:hidden;
}<div>
<span>hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello </span>
<span></span>
</div>