下線を引きたい動的な段落 (テキストは進行中に変更されます) がありますが、下線をテキストの最後ではなく、コンテナー要素の右端まで引き延ばしたいと考えています。text-decoration: underline を使用すると、行全体ではなく、各行に存在するテキストにのみ下線が引かれます
私は明らかに手動で行を分割し、境界線の下部を使用して幅全体にまたがることができますが、テキストは可変であり、変更できるため、各行を手動で指定することはできません。各行を分割せずに最後まで動的に下線を引く方法はありますか?
みんな、ありがとう！
デイブ
そうではありません-段落ではなくテキストに下線を付けたい場合。
ブロック要素をターゲットにするか (この場合、下部のみに下線を引くことができます)、またはインライン要素をターゲットにするかのいずれかです。この場合、境界線まで伸びません。
テキストを両端揃えにすることはできますが、最後の行にテキストの右端まで下線を引くことはできません。
唯一のハックアラウンドは、固定行の高さを使用し、テキストに下線が引かれるように「下線画像」で繰り返し背景を使用することです。
ブラウザーによって動作が異なる可能性が高いため、これには強くお勧めしません。
使ってみて<u>
<u><p>Some text</p></u>