javascript - 自動ラッピングhtmlの最初の行を見つける方法

Question

div幅が固定され、内部に自動折り返しテキストがあると仮定します。spanここで、最初の行の最後に要素を挿入したいと思います。テキストは特定の構造で書かれていないため、最初の行には 5 つの単語と 3 つまたは 1 つの単語が含まれる場合があります。したがって、自動改行が発生する位置を見つける必要があります。それは可能ですか、それともマニュアルbrやマーカーを挿入する必要がありますか?

Answer 1

追加またはマーカーが必要です。別のブラウザは、最初の行に配置する単語の数を計算します。また、ユーザーがブラウザの設定を変更した場合、たとえばフォントサイズを大きくした場合、最初の行で単語数が変更されます。

Answer 2

それは痛々しいほど可能です。問題は、なぜこれを行おうとしているのかということです。必要なことを達成するためのより簡単な方法があるかもしれません。

それでもこれを行う必要があると判断した場合は、表示されないこのdivのクローンを作成する必要があります。この複製されたdivの高さを1pxなどに設定します。次に、このクローンを単語ごとに同じテキストで埋めることができます。divのscrollHeightがジャンプすると、最初のワードラップが発生したことがわかります。次に、このデータを使用して、元の段落の最初の行の単語が折り返されている場所を特定できます。