Как подчеркнуть динамический абзац текста до конца строки?

Question

У меня есть динамический абзац (текст будет изменен в процессе), который я хочу подчеркнуть, однако я хочу, чтобы подчеркивание охватывало правый край элемента контейнера, а не останавливалось в конце текста.Если вы используете text-художественное оформление: подчеркивание, оно будет просто подчеркивать текст, который существует в каждой строке, а не всю строку

Я могу, очевидно, вручную разбить строки и затем использовать нижнюю границу, чтобы охватить всю ширинутекст является переменным и может быть изменен, поэтому каждую строку нельзя указать вручную.Есть ли способ динамически подчеркнуть каждую строку до конца, не разделяя их?

Спасибо всем!

Дейв

Answer 1

Не совсем - если вы хотите подчеркнуть текст, а не абзац.
Потому что вы либо нацеливаетесь на элемент блока - в этом случае вы можете только подчеркнуть нижний элемент, либо вы нацеливаетесь на встроенный элемент - в этом случае он не будет растягиваться до границы.

Вы могли бы обосновать текст, но он все равно не бы подчеркивал последнюю строку к правому краю текста.

Единственный обходной путь - использовать фиксированную высоту строки и использовать повторяющийся фон с изображением подчеркивания таким образом, чтобы текст казался подчеркнутым.
Я настоятельно рекомендую против этого, так как он, скорее всего, работает по-разному в разных браузерах.

Answer 2

Попробуйте использовать <u>

<u><p>Some text</p></u>